XHTML 与 HTML 有何不同？

XHTML 与 HTML 之间的差异

• XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。
• XHTML 与 HTML 4.01 几乎是相同的。
• XHTML 是更严格更纯净的 HTML 版本。
• XHTML 是一个 W3C 标准。

最主要的不同：

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

• XHTML 元素必须被正确地嵌套。

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

  在 HTML 中，某些元素可以像这样嵌套：

  <b><i>这是一个句话</b></i>
  

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

  <b><i>这是一个句话<</i></b>
  

• XHTML 元素必须被关闭。

  非空标签必须使用结束标签。

  这是错误的：

  <p>这是一个p标签
  <p>这是一个p标签
  

  这是正确的：

  <p>这是一个p标签</p>
  <p>这是一个p标签</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" />
  

• 标签名必须用小写字母。

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

  这是错误的：

  <BODY>
  <P>这是一个p标签</P>
  </BODY>
  

  这是正确的：

  <body>
  <p>这是一个p标签</p>
  </body>
  

• XHTML 文档必须拥有根元素。

  所有的 XHTML 元素必须被嵌套于 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下：

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

  更多的 XHTML 语法规则：

  • 属性名称必须小写
  • 属性值必须加引号
  • 属性不能简写
  • 用 Id 属性代替 name 属性
  • XHTML DTD（文档声明） 定义了强制使用的 HTML 元素 ；html、head、body元素，而 title 元素必须位于在 head 元素中。