XHTML与HTML的差别

HTML与XHTML之间的差别,粗略可以分为两大类比较:一个是功能上的差别,另外是书写习惯的差别。关于功能上的差别,主要是XHTML可兼容各大浏览器、手机以及PDA,并且浏览器也能快速正确地编译网页。

因为XHTML的语法较为严谨,所以如果你是习惯松散结构的HTML编写者,那需要特别注意XHTML的规则。但也不必太过担心,因为XHTML的规则并不太难。下面列出了几条容易犯的错误,供大家引用。

  1. 所有标签都必须小写

    在XHTML中,所有的标签都必须小写,不能大小写穿插其中,也不能全部都是大写。看一个例子。

    错误:<Head></Head><Body></Body>

    正确:<head></head><body></body>

  2.  

    标签必须成双成对

    像是<p>...</p>、<a>...</a>、<div>...</div>标签等,当出现一个标签时,必须要有对应的结束标签,缺一不可,就像在任何程序语言中的括号一样。

    错误:大家好<p>我是muki

    正确:<p>大家好</p><p>我是muki</p>

  3.  

    标签顺序必须正确

    标签由外到内,一层层包覆着,所以假设你先写div后写h1,结尾就要先写h1后写div。只要记住一个原则“先进后出”,先弹出的标签要后结尾。

    错误:<div><h1>大家好</div></h1>

    正确:<div><h1>大家好</h1></div>

  4.  

    所有属性都必须使用双引号

    在XHTML 1.0中规定连单引号也不能使用,所以全程都得用双引号。

    错误:<div style=font-size:11px>hello</div>

    正确:<div style="font-size:11px">hello</div

  5.  

    不允许使用target="_blank"

    从XHTML 1.1开始全面禁止target属性,如果想要有开新窗口的功能,就必须改写为rel="external",并搭配JavaScript实现此效果。

    错误:<a href="http://blog.mukispace.com" target="_blank">MUKI space</a>

    正确:<a href="http://blog.mukispace.com" rel="external">MUKI space</a>

时间: 2024-10-10 10:38:57

XHTML与HTML的差别的相关文章

HTML与XHTML的差别(转自)http://jingyan.baidu.com/article/597035521c31ed8fc007400a.html

HTML与XHTML之间的差别,粗略可以分为两大类比较:一个是功能上的差别,另外是书写习惯的差别.关于功能上的差别,主要是XHTML可兼容各大浏览器.手机以及PDA,并且浏览器也能快速正确地编译网页. 因为XHTML的语法较为严谨,所以如果你是习惯松散结构的HTML编写者,那需要特别注意XHTML的规则.但也不必太过担心,因为XHTML的规则并不太难.下面列出了几条容易犯的错误,供大家引用. 方法/步骤 1 所有标签都必须小写 在XHTML中,所有的标签都必须小写,不能大小写穿插其中,也不能全部

Web--CSS控制页面(link与import方式差别)

    先了解: [1]         "Table"和"DIV"这两个网页元素诞生的目的不同,首先Table诞生的目的是为了存储数据,而DIV诞生的目的就是为了架设页面结构 W3C,是World Wide Web Consortium的缩写.中文是W3C组织或者万维网联盟.W3C标准不是一个标准,而是一系列标准的集合. 包括三部分的标准:结构(Structure).表现(Presentation)行为(Behavior). 结构化标准语言主要包含XHTML和XM

1.1 HTML与XHTML

网页学习网<CSS教程布局实例>教程假设读者已经对HTML有所掌握,如果读者了解以下HTML标记中大多数标记的含义,就可以开始学习本教程. <html>.<head>.<title>.<body>.<p>.<img>.<a>.<div>. <ul>.<ol>.<li>.<style>.<table>.<tr>.<td>

WAP 2.0开发XHTML MP语法及常用功能

XHTML Mobile Profile 的基本结构 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"         "http://www.wapforum.org/DTD/xhtml-mobile10.dtd" > <html xmlns=&

HTTP请求中POST与GET的差别

一.原理差别 一般我们在浏览器输入一个网址訪问站点都是GET请求;再FORM表单中,能够通过设置Method指定提交方式为GET或者POST提交方式,默觉得GET提交方式. HTTP定义了与server交互的不同方法,当中最主要的四种:GET.POST,PUT,DELETE.HEAD,当中GET和HEAD被称为安全方法,由于使用GET和HEAD的HTTP请求不会产生什么动作.不会产生动作意味着GET和HEAD的HTTP请求不会在server上产生不论什么结果. 可是安全方法并非什么动作都不产生.

Css fixed和absolute定位差别

fixed:固定定位 absolute:绝对定位 差别非常easy: 1.没有滚动栏的情况下没有差异 2.在有滚动栏的情况下.fixed定位不会随滚动栏移动而移动.而absolute则会随滚动栏移动 能够这么理解.fixed:固定在当前window不动, absolute:会随參照对象元素的高度和宽度变化而变化 一般fixed用在遮盖层和固定在页面某个位置,如固定在顶端的菜单条,又如弹出提示框居中显示 以下样例但是简单測试两者之间的差别,注意拖动滚动栏看差异 <!DOCTYPE html> &

CSS优先级问题以及jQuery中的.eq()遍历方法和:eq()选择器的差别

在写一个TAB选项卡的时候遇到几个有意思的问题,记录下来 先把代码贴出来 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="

$().attr()的使用方法 &amp;amp;&amp;amp; $().html()与$().text()的差别

<1>$().attr()的使用方法 </pre><pre class="html" name="code"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="script/jquery-1.11.0.min.js" type=&

HTML与CSS入门——第三章 理解HTML和XHTML的关系

知识点: 1.以HTML创建一个简单网页的方法 2.包含每个网页必须有的所有HTML标签的方法 3.用段落和换行组织页面的方法 4.用标题组织内容的方法 5.HTML.XML.XHTML和HTML5之间的差别 3.1 从一个简单的网页开始: 作者建议:从简单的文本编辑器开始学习,之后再转向可视化工具. 扩展名支持:.htm以及.html 如.jsp,.asp,.php之类的文件类型使用超出了HTML范围的服务器端技术,需要专门的服务端支持.比如Apache服务器 3.2 每个XHMTL网页必须有