XHTML 与 HTML 的具体区别

XHTML 与 HTML 的主要区别

XHTML 是以 XML 重构的 HTML 4.01,二者主要区别如下:

  • XHTML 元素必须被正确地嵌套
  • XHTML 元素必须被关闭,空标签也必须被关闭,如 <br> 必须写成 <br />
  • XHTML 标签名必须用小写字母
  • XHTML 文档必须拥有根元素
  • XHTML 文档要求给所有属性赋一个值
  • XHTML 要求所有的属性必须用引号""括起来
  • XHTML 文档需要把所有 < 、>、& 等特殊符号用编码表示
  • XHTML 文档不要在注释内容中使“--”
  • XHTML 图片必须有说明文字
  • XHTML 文档中用id属性代替name属性

XHTML 元素必须被正确地嵌套

在 HTML 中,以下写法可以被接受:

<p><b>粗体显示文字</p></b>

在 XHTML 中,必须要正确的嵌套:

<p><b>粗体显示文字</b></p>

XHTML 元素必须被关闭

非空标签必须使用结束标签关闭,空标签以 /> 结尾关闭。

错误:

<p>文字段落
<br>
<img src="flower.jpg" alt="花">

正确:

<p>文字段落</p>
<br />
<img src="flower.jpg" alt="花" />

XHTML 标签名必须用小写字母

XHTML 规范定义标签名和属性对大小写敏感。

XHTML 文档必须拥有根元素

所有的 XHTML 元素必须被嵌套于 <html> 根元素中:

<html>
<head> ... </head>
<body>
<p>文字段落等正文内容</p>
</body>
</html>

XHTML 文档要求给所有属性赋一个值

XHTML规定所有属性都必须有一个值,没有值的就重复本身。

HTML 中可以接受的写法:

<input type="checkbox" checked>

XHTML 中的正确写法:

<input type="checkbox" checked="checked"> 

XHTML 要求所有的属性必须用引号""括起来

HTML 中可以接受的写法:

<input id=input_id>

XHTML 中的正确写法:

<input id="input_id" />

XHTML 文档需要把所有 < 、>、 & 等特殊符号用编码表示

< 和 > 会被认为是 XHTML 文档标签的一部分,如果正文中需要显示这些字符,需要用特殊编码 &lt; 和 &gt; 表示。

& 需要用 &amp; 表示。

XHTML 文档不要在注释内容中使 “--”

“--” 只能用于 XHTML 文档注释的开头和结束,也就是说,在内容中它们不再有效。

错误:

<!--这里是注释---------这里是注释--> 

正确(用 == 代替 --):

<!--这里是注释=========这里是注释--> 

XHTML 图片标签必须有说明文字

<img src="flower.jpg" alt="花" />

XHTML 文档中用id属性代替name属性

在 XHTML 1.0 中,name属性是不赞成使用的,在以后的XHTML版本中将被删除。

<input id="input_id" />

本章节内容共分 5 部分:

  1. 1. HTML 是什么?
  2. 2. XHTML 是什么?
  3. 3. XHTML 与 HTML 的具体区别
  4. 4. 搭建 XHTML/HTML 学习环境
  5. 5. XHTML 1.x、HTML 4 与 XHTML 2、HTML 5

评论于2016-12-18日起不再显示。

5idev.com(我爱开发网) — 提供最好的 XHTML教程DIV+CSS教程JavaScript教程PHP教程ThinkPHP教程