XHTML 与 HTML 之间的差异（转）

最新推荐文章于 2025-07-22 00:16:16 发布

iteye_3696

最新推荐文章于 2025-07-22 00:16:16 发布

阅读量111

点赞数

文章标签： xhtml 规范

本文介绍了从HTML到XHTML的转换技巧，强调了XHTML在元素嵌套、标签关闭、小写标签及根元素方面的要求，并提供了实例说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址：[url]http://www.w3school.com.cn/xhtml/xhtml_html.asp[/url]
通过开始编写严格的 HTML，你可以为 XHTML 做好准备。
如何为 XHTML 做好准备
XHTML 与 HTML 4.01 标准没有太多的不同。
所以将你的代码升级至 4.01 是个不错的开始。我们的完整的《HTML 4.01 参考手册》会帮助你做到这一点。
另外，你应该马上使用小写字母编写HTML代码，同时绝不要养成忽略类似 </p> 标签的坏习惯。
祝您可以愉快地编码！
最主要的不同：
[list]
[*]XHTML 元素必须被正确地嵌套。
[*]XHTML 元素必须被关闭。
[*]标签名必须用小写字母。
[*]XHTML 文档必须拥有根元素。
[/list]
[b]元素必须被正确地嵌套[/b]
在 HTML 中，某些元素可以像这样彼此不正确地嵌套：

<b><i>This text is bold and italic</b></i>

在 XHTML 中，所有的元素必须像这样彼此正确地嵌套：

<b><i>This text is bold and italic</i></b>

提示：在嵌套列表中一个容易犯的错误，是忘记内部列表必须位于 li 元素中，就像下面这样：
这是错误的：

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>
</ul>

这是正确的：

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

注意：在正确代码的例子中，我们在 </ul> 之后插入了一个 </li> 标签。
[b]XHTML 元素必须被关闭[/b]
非空标签必须使用结束标签。
这是错误的：

<p>This is a paragraph
<p>This is another paragraph

这是正确的：

<p>This is a paragraph</p>
<p>This is another paragraph</p>

空标签也必须被关闭
空标签也必须使用结束标签，或者其开始标签必须使用/>结尾。
这是错误的：

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

这是正确的：

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

[b]XHTML 元素必须小写[/b]
XHTML 规范定义：标签名和属性对大小写敏感。
这是错误的：

<BODY>
<P>This is a paragraph</P>
</BODY>

这是正确的：

<body>
<p>This is a paragraph</p>
</body>

[b]XHTML 文档必须拥有一个根元素[/b]
所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下：

<html>
<head> ... </head>
<body> ... </body>
</html>