XHTML 與 HTML 之間的差異
通過(guò)開(kāi)始編寫(xiě)嚴(yán)格的 HTML，你可以為 XHTML 做好準(zhǔn)備。
如何為 XHTML 做好準(zhǔn)備
XHTML 與 HTML 4.01 標(biāo)準(zhǔn)沒(méi)有太多的不同。
所以將你的代碼升級(jí)至 4.01 是個(gè)不錯(cuò)的開(kāi)始。我們的完整的《HTML 4.01 參考手冊(cè)》會(huì)幫助你做到這一點(diǎn)。
另外，你應(yīng)該馬上使用小寫(xiě)字母編寫(xiě)HTML代碼，同時(shí)絕不要養(yǎng)成忽略類(lèi)似 </p> 標(biāo)簽的壞習(xí)慣。
祝您可以愉快地編碼！
最主要的不同：
- XHTML 元素必須被正確地嵌套。
- XHTML 元素必須被關(guān)閉。
- 標(biāo)簽名必須用小寫(xiě)字母。
- XHTML 文檔必須擁有根元素。
元素必須被正確地嵌套
在 HTML 中，某些元素可以像這樣彼此不正確地嵌套：
<b><i>This text is bold and italic</b></i>
在 XHTML 中，所有的元素必須像這樣彼此正確地嵌套：
<b><i>This text is bold and italic</i></b>
提示：在嵌套列表中一個(gè)容易犯的錯(cuò)誤，是忘記內(nèi)部列表必須位于 li 元素中，就像下面這樣：
這是錯(cuò)誤的：
<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>
注意：在正確代碼的例子中，我們?cè)?</ul> 之后插入了一個(gè) </li> 標(biāo)簽。
XHTML 元素必須被關(guān)閉
非空標(biāo)簽必須使用結(jié)束標(biāo)簽。
這是錯(cuò)誤的：
<p>This is a paragraph<p>This is another paragraph
這是正確的：
<p>This is a paragraph</p><p>This is another paragraph</p>
空標(biāo)簽也必須被關(guān)閉
空標(biāo)簽也必須使用結(jié)束標(biāo)簽，或者其開(kāi)始標(biāo)簽必須使用/>結(jié)尾。
這是錯(cuò)誤的：
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 元素必須小寫(xiě)
XHTML 規(guī)范定義：標(biāo)簽名和屬性對(duì)大小寫(xiě)敏感。
這是錯(cuò)誤的：
<BODY><P>This is a paragraph</P></BODY>
這是正確的：
<body><p>This is a paragraph</p></body>
XHTML 文檔必須擁有一個(gè)根元素
所有的 XHTML 元素必須被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必須是成對(duì)的且被嵌套在其父元素之中�；镜奈臋n結(jié)構(gòu)如下：
<html><head> ... </head> <body> ... </body></html>