html與xhtml的區(qū)別詳解

2020-03-24 17:25:06

字體：大中小

供稿：網(wǎng)友

今天來給大家詳細(xì)的介紹一下倆個概念，html和xhtml的相同與不同，幫助大家更好的理解前端技術(shù)。

html與xhtml的最主要的不同區(qū)別：（以下的講解例子中將用紅色區(qū)分）
1、XHTML 元素必須被正確地嵌套。
例子：
一般html網(wǎng)頁可以“ b i 主要內(nèi)容 /b /i ”這是個不嚴(yán)格，在XHTML是錯誤的；正確的在xhtml標(biāo)準(zhǔn)中就必須要求這樣“ b i 主要內(nèi)容 /i /b ”。

2、XHTML 元素必須被關(guān)閉。
exp：
1、一個HEAD里的例子，“ meta name= keywords content= 關(guān)鍵字 ”像這個標(biāo)簽在html是可行的，但是為了xhtml的標(biāo)準(zhǔn)所以必須關(guān)閉如“ meta name= keywords content= 關(guān)鍵字 / ”
2、如在一般html使用 “ p ”這個換大行標(biāo)簽時候很多人直接在需要換行的段落加個“ p ”標(biāo)簽就完了，但是在XHTML CSS標(biāo)準(zhǔn)中就必須是這樣的 “ p 段落文字 /p ” 意思就是必須由“ p 這個換行標(biāo)簽開始與文章文字段前，并在該段文字文字后以“ /p ”標(biāo)簽結(jié)束。
3、如很多在做html頁面時候用到小換行標(biāo)簽“ br ”，很多人不知道這個標(biāo)簽需要以關(guān)閉的樣式來換行，如：一段文字后要換行很多CSS制作這就在需要換行的地方加了個“ br ”就好了，但是告訴大家這也是不標(biāo)準(zhǔn)，在XHTML驗(yàn)證時候是通不過的，必須用“ br / ”自關(guān)閉結(jié)束。

3、標(biāo)簽名必須用小寫字母。
在以前的網(wǎng)頁中對于很多標(biāo)簽通常使用大寫或大小寫的編排方式，但是在為了WEB標(biāo)準(zhǔn)現(xiàn)在標(biāo)簽都要求小寫統(tǒng)一。
exp：
以前很多“ html 、 body ”等都用大寫或大小寫混用如“ HTML 、 BODY ”或“ Html 、 Body ”排版，但是XHTML統(tǒng)一要求需要用“ html 、 body ”小寫。

4、XHTML 文檔必須擁有根元素。
意思就是一什么標(biāo)簽開始就要用什么標(biāo)簽結(jié)束，如 body 開始就要在內(nèi)容結(jié)束用 /body 來關(guān)閉。

5、對于圖片需添加alt屬性
以前很多時候在網(wǎng)頁里顯示圖片img標(biāo)簽里都可加可不加alt屬性，但是現(xiàn)在xhtml要求必須加上alt屬性,不然xhtml驗(yàn)證將提示錯誤，哪怕alt的值為空都可以。
exp:
錯誤 img src= 圖片地址 /
正確 img src= 圖片地址 alt=“圖片說明 /
那加了alt有什么好處？答：加上alt可以對圖片進(jìn)行文字說明，可讓搜索引擎辨別圖片內(nèi)容，是優(yōu)化網(wǎng)頁好地方。
其實(shí)在我們平時做DIV+CSS時候，多注意標(biāo)簽使用及規(guī)范，很快就會掌握與不必特意注意xhtml標(biāo)準(zhǔn)。