首頁  >  文章  >  web前端  >  html與xhtml的差別有哪些

html與xhtml的差別有哪些

青灯夜游
青灯夜游原創
2021-03-29 11:54:5510207瀏覽

區別:XHTML元素必須被正確地嵌套,標籤的嵌套順序要正確。 XHTML元素必須關閉,也就是要有結束「」標籤;而HTML中有些元素可以省略結束標籤。 XHTML的標籤名稱必須用小寫字母;而HTML的標籤名大小寫都可以。

html與xhtml的差別有哪些

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

XHTML:可擴充超文本標記語言XHTML(eXtensible HyperText Markup Language)是將超文本標記語言HTML(HyperText Markup Language)作為XML應用而重新定義的標準。

HTML文件規格:

HTTP/1.1 200 OK
Content-Type: text/html
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8>
    <title>HTML</title>
  </head>
  <body>
    <p>I am a HTML document</p>
  </body>
</html>

XHTML文件規格:

HTTP/1.1 200 OK
Content-Type: application/xhtml+xml
 
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>XHTML</title>
  </head>
  <body>
    <p>I am a XHTML document</p>
  </body>
</html>

XHTML相容性

 目前大多數瀏覽器都支援XHTML,其中包括Firefox、Chrome、Safari、Opera和IE瀏覽器(IE 9)。 (Internet Explorer 8和舊瀏覽器在看到正確設定的XHTML MIME類型的XHTML文件時,會顯示未知文件類型的下載對話方塊)。另外,有許多流行的JavaScript程式庫和開發工具對XHTML也不支援

HTML和XHTML的區別:

儘管XHTML與HTML幾乎相同,但正確建立程式碼更為重要,因為XHTML在語法和區分大小寫方面比HTML更嚴格嚴謹。 XHTML文件是格式良好的,並使用標準XML解析器進行解析,這與HTML不同,HTML需要寬鬆的HTML特定解析器。

  • XHTML元素必須被正確地巢狀。一般html網頁可以「<b><i>主要內容</b></i>」這是個不嚴格,在XHTML是錯誤的;正確的在xhtml標準就必須要求這樣「<b><i>主要內容</i></b>」。

  • XHTML 元素必須關閉。如一個HEAD裡的例子,「<meta name="keywords" content="關鍵字" > 」像這個標籤在html是可行的,但是為了xhtml的標準所以必須關閉如「 <meta name="keywords" content="關鍵字" /> 」
  • 標籤名稱必須用小寫字母。在先前的網頁中對於許多標籤通常使用大寫或大小寫的編排方式,但是在為了WEB標準現在標籤都要求小寫統一
  • XHTML 文件必須擁有根元素。意思就是一什麼標籤開始就要用什麼標籤結束,如<body>開始就要在內容結束用</body>來關閉。
  • 對於圖片需新增alt屬性。以前很多時候在網頁裡顯示圖片img標籤裡都可加可不加alt屬性,但是現在xhtml要求必須加上alt屬性,不然xhtml驗證會提示錯誤,哪怕alt的值為空都可以。加上alt可以為圖片進行文字說明,讓搜尋引擎辨別圖片內容,是優化網頁好地方。

推薦教學:《html影片教學

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

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