HTML與XHTML的區別|蘿卜系統下載站

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

一、HTML與XHTML

HTML是一種基本的Web網頁設計語言，XHTML是一個基于XML的置標語言，看起來于HTML有些像，只有一些小的區別，本質上說，XHTML是一個過渡技術，結合了XML的強大功能及HTML的簡單特性。

二、什么是XHTML

HTML是一種基本的網頁設計語言，XHTML是一個基于XML的語言，看起來與HTML有些類似．只有一些小的但重要的區別，其中使用的元素均為HTML中的元素，同時使用更加嚴格的語法規范。

2000年底，國際W3C組織公布發行了XHTML1.0版本。XHTML1.0是一種在HTML4．o基礎上優化和改進的新語言，目的是基于XML應用。XHTML是一種增強了的HTML，它的可擴展性和靈活性將適應未來網絡應用更多的需求。XML雖然數據轉換能力強大，完全可以替代HTML，但面對成千上萬已有的基于HTML語言設計的網站，直接采用XML還為時過早。因此，在HTML4．0的基礎上，用XML的規則對其進行擴展，得到了XHTML。所以，建立XHTML的目的就是實現HTML向XML的過渡。目前國際上在網站設計中推崇的Web標準就是基于XHTML的應用(即通常所說的CSS+DIV)。

三、DOCTYPE聲明

在XHTML中必須聲明文檔的類型，以便于瀏覽器知道當前瀏覽的文檔是什么類型。聲明DOCTYPE必須放在文檔的第一行。當瀏覽器檢測到DOCTYPE后就會轉換到標準模式，對HTML和CSS按照標準的方式解釋，不必再把時間用在彌補、解釋不規范的HTML上了，所以頁面顯示的速度就會更快。如下所示為使用DOClTYPE聲明。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
</body>
</html>

可以看到最上面有兩行關于DOCTYPE(文檔類型)的聲明，它就是告訴瀏覽器使用XHTML1．0的過渡規范來解釋這個文檔中的代碼。

四、XHTML與HTML的重要區別

（1）、HTML是一種基本的web網頁設計語言，XHTML是一個基于XML的置標語言，看起來與HTML有些像，只有一些小的但重要的區別。

（2）、XHTML元素必須是完全嵌套的

XHTML元素必須是完全嵌套的，HTML則并不嚴格，不完全嵌套的元素也能被“容錯”。如下所示。

在HTML中一些元素可以不使用正確的相互嵌套。

這是粗體和斜體

在XHTML中所有元素必須合理的相互嵌套。

這是粗體和斜體

（3）、XHTML文檔格式必須規范

所有的xHTML標記必須被嵌套使用在<html>根標簽之中。所有其他的標簽可以有自已的子標簽。位于父標簽之內的子標簽也必須成對且正確的嵌套使用。一個網頁的基本結構如下所示。

（4）、標簽名必須是小寫的

這是因為XHTML文檔是XML應用程序，XML是區分大小寫的，像和會被認為是兩種不同的標簽。

如下寫法是錯誤的。

這是粗體

正確的寫法如下。

這是粗體

（5）、所有的XHTML元素都必須有始有終

非空元素必須有關閉標簽。
如下所示的寫法是錯誤的。

這是第一段
這是第二段

正確的寫法如下。

這是第一段
這是第二段

空的元素也必須有一個結束標簽，或者開始標簽用/>結束。
如下所示的寫法是錯誤的。

<img src"···">
<input type="text">
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
 
正確的寫法如下。

（6）、用id屬性代替name屬性

HTML4.01中為a、applet、flame、iframe、img和map定義了一個name屬性，在XHTML里除了表單(form)外，name屬性不能使用，應該用id來替換。

如下寫法是錯誤的。

<img src="img/pic.jpg" name="people">

正確的寫法如下。

<img src="img/pic.jpg" id="people">

為了使舊瀏覽器也能正常地執行該內容，也可以在標簽中同時使用id和name屬性，如下所示

<img src="img/pic.jpg" id="people" name="people">

（7）、屬性必須加上英文雙引號

XHTML中所有的屬性，包括數值都必須加上英文雙引號(" ")，代碼如下所示。

（8）、在XHTML中屬性值必須使用完整形式

XHTML中規定每一個屬性都必須有一個值。沒有值的屬性也必須用自己的名稱作為值。例如，在HTML中，checked 性是可以不取值的，但是在XHTML中必須用它自身的名稱作為值。示例代碼如下。

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

HTML與XHTML的區別

本類教程下載

系統下載排行