首頁  >  文章  >  web前端  >  html與xhtml的區別詳解

html與xhtml的區別詳解

php中世界最好的语言
php中世界最好的语言原創
2017-11-29 11:50:312675瀏覽

今天來跟大家詳細的介紹兩個概念,html和xhtml的相同與不同,幫助大家更好的理解前端技術。

html與xhtml的最主要的差異:(以下的講解範例中將以紅色區分) 
1、XHTML 元素必須正確地嵌套。
範例:
一般html網頁可以「主要內容」這是個不嚴格,在XHTML是錯誤的;正確的在xhtml標準中就必須要求這樣「主要內容」。

2、XHTML 元素必須關閉。
exp:
1、一個HEAD裡的例子,「 」像這個標籤在html是可行的,但是為了xhtml的標準所以必須關閉如「 」
2、如一般html使用「

 」這個換大行標籤時候很多人直接在需要換行的段落加個「

  」標籤就完了,但是在XHTML CSS標準中就必須是這樣的  “ 

段落文字

  ” 意思就是必須由「 < p>  這個換行標籤開始與文章文字段前,並在該段文字文字後以“ 

 ”標籤結束。 ,很多人不知道這個標籤需要以關閉的樣式來換行,如:一段文字後要換行很多CSS製作這就在需要換行的地方加了個“ 
 ”就好了,但是告訴大家這也是不標準,在XHTML驗證時候是通不過的,必須用「 
 」自關閉結束。許多標籤通常使用大寫或大小寫的編排方式,但是在為了WEB標準現在標籤都要求小寫統一。大小寫混用如「 、 」或「、   」排版,但是XHTML統一要求需要用「 、< 」排版,但是XHTML統一要求需要用「 、<body)>body,body>)。
#4、XHTML 文件必須擁有根元素。 ## 
5、對於
圖片
需新增alt
屬性

之前很多時候在網頁裡顯示圖片
img標籤
裡都可加可不加alt屬性,但現在xhtml要求必須加上alt屬性,不然xhtml驗證會提示錯誤,即使alt的值為空都可以。
正確「圖片說明"
那加了alt有什麼好處?答:加上alt可以對圖片進行文字說明,讓搜尋引擎辨別圖片內容,是優化網頁好地方。 其實在我們平常做DIV+CSS時候,多注意標籤使用及規範,很快就會掌握與不必刻意注意xhtml標準。
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!


相關閱讀:
怎麼不使用CSS改變滑鼠懸停樣式

HTML裡無法顯示背景顏色的解決方法

Js操作DOM物件的流程
#

以上是html與xhtml的區別詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn