html與xhtml的區(qū)別詳細說明
發(fā)表時間:2024-05-07 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]今天來給大家詳細的介紹一下倆個概念,html和xhtml的相同與不同,幫助大家更好的理解前端技術(shù)。html與xhtml的最主要的不同區(qū)別:(以下的講解例子中將用紅色區(qū)分) 1、XHTML 元素必須被正確地嵌套。 例子:一般html網(wǎng)頁可以“<b><i>主要內(nèi)容</b&...
今天來給大家詳細的介紹一下倆個概念,html和xhtml的相同與不同,幫助大家更好的理解前端技術(shù)。
html與xhtml的最主要的不同區(qū)別:(以下的講解例子中將用紅色區(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:
1、一個HEAD里的例子,“<meta name="keywords" content="關(guān)鍵字" > ”像這個標簽在html是可行的,但是為了xhtml的標準所以必須關(guān)閉如“<meta name="keywords" content="關(guān)鍵字" /> ”
2、如在一般html使用 “ <p> ”這個換大行標簽時候很多人直接在需要換行的段落加個“ <p> ”標簽就完了,但是在XHTML CSS標準中就必須是這樣的 “ <p>段落文字</p> ” 意思就是必須由“ <p> 這個換行標簽開始與文章文字段前,并在該段文字文字后以“ </p> ”標簽結(jié)束。
3、如很多在做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)頁好地方。
其實在我們平時做DIV+CSS時候,多注意標簽使用及規(guī)范,很快就會掌握與不必特意注意xhtml標準。
相信看了這些案例你已經(jīng)掌握了方法,更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章!
相關(guān)閱讀:
怎樣不使用CSS改變鼠標懸停樣式
HTML里無法顯示背景顏色的解決方法
Js操作DOM對象的流程
以上就是html與xhtml的區(qū)別詳解的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。