站長資訊網(wǎng)區(qū)別：1、XHTML必須被正確嵌套，html不需要；2、XHTML元素必須被關(guān)閉，html不需要；3、XHTML標簽名必須用小寫字母，html不需要；4、XHTML文檔必須有根元素；5、XHTML對于圖片需添加alt屬性，html不需要。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
HTML和XHTML
可擴展超文本標記語言XHTML(eXtensible HyperText Markup Language)是將超文本標記語言HTML（HyperText Markup Language）作為XML應用而重新定義的標準。
在HTML5標準中定義了兩種語法（HTML 4.01和XHTML 1）。此標準中可以通過定義一個特殊的DOCTYPE標簽來XHTML，但是并沒有太多瀏覽器去實現(xiàn)這一標準。所以最后HTML5標準推翻了這個決定。
可以通過改變MIME類型（包含在HTTP請求中的Content-Type）來指示語法的選擇：如果需要使用XHTML，MIME類型應該為application/xhtml+xml，MIME類型為text/ html則不使用XHTML。
適當?shù)腗IME類型必須存在于HTTP請求中的Content-Type中。如果只把MIME類型寫在HTML標簽中，如<meta http-equiv=…>，依然會被當作text/html執(zhí)行。
xhtml和html的區(qū)別
1、XHTML元素必須被正確地嵌套
例子：
一般html網(wǎng)頁可以“<b><i>主要內(nèi)容</b></i>”這是個不嚴格，在XHTML是錯誤的；正確的在xhtml標準中就必須要求這樣“<b><i>主要內(nèi)容</i></b>”。
2、XHTML 元素必須被關(guān)閉
exp：
一個HEAD里的例子，“<meta name="keywords" content="關(guān)鍵字" > ”像這個標簽在html是可行的，但是為了xhtml的標準所以必須關(guān)閉如“<meta name="keywords" content="關(guān)鍵字" /> ”
如在一般html使用 “ <p> ”這個換大行標簽時候很多人直接在需要換行的段落加個“ <p> ”標簽就完了，但是在XHTML CSS標準中就必須是這樣的 “ <p>段落文字</p> ” 意思就是必須由“ <p> 這個換行標簽開始與文章文字段前，并在該段文字文字后以“ </p> ”標簽結(jié)束。
如很多在做html頁面時候用到小換行標簽“ br ”，很多人不知道這個標簽需要以關(guān)閉的樣式來換行，如：一段文字后要換行 很多CSS制作這就在需要換行的地方加了個“ <br> ”就好了 ，但是告訴大家這也是不標準，在XHTML驗證時候是通不過的，必須用“ <br /> ”自關(guān)閉結(jié)束。
3、標簽名必須用小寫字母
在以前的網(wǎng)頁中對于很多標簽通常使用大寫或大小寫的編排方式，但是在為了WEB標準現(xiàn)在標簽都要求小寫統(tǒng)一。
exp：
以前很多“<html>、<body> ”等都用大寫或大小寫混用如“ <HTML>、<BODY> ”或“<Html>、<Body> ”排版，但是XHTML統(tǒng)一要求需要用“ <html>、<body> ”小寫。
4、XHTML文檔必須擁有根元素
意思就是一什么標簽開始就要用什么標簽結(jié)束，如<body>開始就要在內(nèi)容結(jié)束用</body>來關(guān)閉。
5、對于圖片需添加alt屬性
以前很多時候在網(wǎng)頁里顯示圖片img標簽里都可加可不加alt屬性，但是現(xiàn)在xhtml要求必須加上alt屬性,不然xhtml驗證將提示錯誤，哪怕alt的值為空都可以。
exp:
錯誤 <img src="圖片地址" />
正確<img src="圖片地址" alt=“圖片說明" />
那加了alt有什么好處？答：加上alt可以對圖片進行文字說明，可讓搜索引擎辨別圖片內(nèi)容，是優(yōu)化網(wǎng)頁好地方。
推薦教程：《html視頻教程》
