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