XHTML 與 HTML 之間的差異

通過開始編寫嚴格的 HTML，你可以為 XHTML 做好準備。

如何為 XHTML 做好準備

XHTML 與 HTML 4.01 標準沒有太多的不同。

所以將你的代碼升級至 4.01 是個不錯的開始。我們的完整的《HTML 4.01 參考手冊》會幫助你做到這一點。

另外，你應該馬上使用小寫字母編寫HTML代碼，同時絕不要養成忽略類似 </p> 標簽的壞習慣。

祝您可以愉快地編碼！

最主要的不同：

  • XHTML 元素必須被正確地嵌套。
  • XHTML 元素必須被關閉。
  • 標簽名必須用小寫字母。
  • XHTML 文檔必須擁有根元素。

元素必須被正確地嵌套

在 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> 標簽。

XHTML 元素必須被關閉

非空標簽必須使用結束標簽。

這是錯誤的：

<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" />

XHTML 元素必須小寫

XHTML 規范定義：標簽名和屬性對大小寫敏感。

這是錯誤的：

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

這是正確的：

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

XHTML 文檔必須擁有一個根元素

所有的 XHTML 元素必須被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必須是成對的且被嵌套在其父元素之中。基本的文檔結構如下：

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