當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > HTML與XHTML的區別

HTML與XHTML的區別

2012/11/23 10:07:23作者：佚名來源：網絡

移動端

一、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中一些元素可以不使用正確的相互嵌套。

<b><i>這是粗體和斜體</b></i>

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

<b><i>這是粗體和斜體</b></i>

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

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

<html>
<head>···</head>
<body>···</body>
</html>

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

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

如下寫法是錯誤的。

<B>這是粗體</B>

正確的寫法如下。

<b>這是粗體</b>

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

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

<p>這是第一段
<p>這是第二段

正確的寫法如下。

<p>這是第一段</p>
<p>這是第二段</p>

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

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

<img src"···">
<input type="text">
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
</br>

（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中所有的屬性，包括數值都必須加上英文雙引號(" ")，代碼如下所示。

<img name=" "src" " width="32" height="32" alt=" "/>

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

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

<input type="checkbox" name="sox" value="abc" checked="checked" / >

標簽： HTML

上一篇：浮動框架的邊框frameborder
下一篇：亂煮江湖攻略玩法

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频