html與xhtml的區(qū)別規(guī)范是什么
html與xhtml的最主要的不同區(qū)別：（以下的講解例子中將用紅色區(qū)分）1、XHTML 元素必須被正確地嵌套。
例子：
一般html網(wǎng)頁(yè)可以“<b><i>主要內(nèi)容</b></i>”這是個(gè)不嚴(yán)格，在XHTML是錯(cuò)誤的；正確的在xhtml標(biāo)準(zhǔn)中就必須要求這樣“<b><i>主要內(nèi)容</i></b>”。
2、XHTML 元素必須被關(guān)閉。
exp：
1、一個(gè)HEAD里的例子，“<meta name="keywords" content="關(guān)鍵字" > ”像這個(gè)標(biāo)簽在html是可行的，但是為了xhtml的標(biāo)準(zhǔn)所以必須關(guān)閉如“<meta name="keywords" content="關(guān)鍵字" /> ”
2、如在一般html使用 “ <p> ”這個(gè)換大行標(biāo)簽時(shí)候很多人直接在需要換行的段落加個(gè)“ <p> ”標(biāo)簽就完了，但是在XHTML CSS標(biāo)準(zhǔn)中就必須是這樣的 “ <p>段落文字</p> ” 意思就是必須由“ <p> 這個(gè)換行標(biāo)簽開(kāi)始與文章文字段前，并在該段文字文字后以“ </p> ”標(biāo)簽結(jié)束。
3、如很多在做html頁(yè)面時(shí)候用到小換行標(biāo)簽“ br ”，很多人不知道這個(gè)標(biāo)簽需要以關(guān)閉的樣式來(lái)?yè)Q行，如：一段文字后要換行 很多CSS制作這就在需要換行的地方加了個(gè)“ <br> ”就好了 ，但是告訴大家這也是不標(biāo)準(zhǔn)，在XHTML驗(yàn)證時(shí)候是通不過(guò)的，必須用“ <br /> ”自關(guān)閉結(jié)束。
3、標(biāo)簽名必須用小寫(xiě)字母。
在以前的網(wǎng)頁(yè)中對(duì)于很多標(biāo)簽通常使用大寫(xiě)或大小寫(xiě)的編排方式，但是在為了WEB標(biāo)準(zhǔn)現(xiàn)在標(biāo)簽都要求小寫(xiě)統(tǒng)一。
exp：
以前很多“<html>、<body> ”等都用大寫(xiě)或大小寫(xiě)混用如“ <HTML>、<BODY> ”或“<Html>、<Body> ”排版，但是XHTML統(tǒng)一要求需要用“ <html>、<body> ”小寫(xiě)。
4、XHTML 文檔必須擁有根元素。
意思就是一什么標(biāo)簽開(kāi)始就要用什么標(biāo)簽結(jié)束，如<body>開(kāi)始就要在內(nèi)容結(jié)束用</body>來(lái)關(guān)閉。
5、對(duì)于圖片需添加alt屬性
以前很多時(shí)候在網(wǎng)頁(yè)里顯示圖片img標(biāo)簽里都可加可不加alt屬性，但是現(xiàn)在xhtml要求必須加上alt屬性,不然xhtml驗(yàn)證將提示錯(cuò)誤，哪怕alt的值為空都可以。
exp:
錯(cuò)誤 <img src="圖片地址" />
正確<img src="圖片地址" alt=“圖片說(shuō)明" />
那加了alt有什么好處？答：加上alt可以對(duì)圖片進(jìn)行文字說(shuō)明，可讓搜索引擎辨別圖片內(nèi)容，是優(yōu)化網(wǎng)頁(yè)好地方。
其實(shí)在我們平時(shí)做DIV+CSS時(shí)候，多注意標(biāo)簽使用及規(guī)范，很快就會(huì)掌握與不必特意注意xhtml標(biāo)準(zhǔn)。希望本CSS網(wǎng)站提供整理的資料對(duì)你有用。
+相關(guān)資訊
