XHTML與html的區別

HTML相比於HTML
1.全部的標記都必需要有一個相應的結束標記
之前在HTML中,你能夠打開許多標籤,例如和<li>而不必定寫對應的
和</li>來關閉它們。但在XHTML中這是不合法的。XHTML要求有嚴謹的結構,全部標籤必須關閉。若是是單獨不成對的標籤,在標籤最後加一個"/"來關閉它。例如:
<img height="80" alt="網頁設計師" src="../images/logo_w3cn_200x80.gif" width="200" />
2.全部標籤的元素和屬性的名字都必須使用小寫
與HTML不同,XHTML對大小寫是敏感的,<title>和<TITLE>是不一樣的標籤。XHTML要求全部的標籤和屬性的名字都必須使用小寫。例如:<BODY>必須寫成<body> 。大小寫夾雜也是不被承認的,一般dreamweaver自動生成的屬性名字"onMouseOver"也必須修改爲"onmouseover"。
3.全部的XML標記都必須合理嵌套
一樣由於XHTML要求有嚴謹的結構,所以全部的嵌套都必須按順序,之前咱們這樣寫的代碼:
<b>
</b>
必須修改成:
就是說,一層一層的嵌套必須是嚴格對稱。
4.全部的屬性必須用引號""括起來
在HTML中,你能夠不須要給屬性值加引號,可是在XHTML中,它們必須被加引號。例如:
<height=80>
必須修改成:
<height="80">
特殊狀況,你須要在屬性值裏使用雙引號,你能夠用",單引號可使用',例如:
<alt="say'hello'">
5.把全部<和&特殊符號用編碼表示
任何小於號(<),不是標籤的一部分,都必須被編碼爲& l t ;
任何大於號(>),不是標籤的一部分,都必須被編碼爲& g t ;
任何與號(&),不是實體的一部分的,都必須被編碼爲& a m p;
注:以上字符之間無空格。
6.給全部屬性賦一個值
XHTML規定全部屬性都必須有一個值,沒有值的就重複自己。例如:
<input type="checkbox" name="shirt" value="medium" checked>
必須修改成:
<input type="checkbox" name="shirt" value="medium" checked="checked">
7.不要在註釋內容中使「--」
「--」只能發生在XHTML註釋的開頭和結束,也就是說,在內容中它們再也不有效。例以下面的代碼是無效的:
<!--這裏是註釋-----------這裏是註釋-->
用等號或者空格替換內部的虛線。
<!--這裏是註釋============這裏是註釋-->
以上這些規範有的看上去比較奇怪,但這一切都是爲了使咱們的代碼有一個統1、惟一的標準,便於之後的數據再利用。
8.圖片必須有說明文字
每一個圖片標籤都必須有ALT說明文字。
<img src="ball.jpg" alt="large red ball" />
XHTML的現行規範
1. XHTML 1.0 Transitional - 過渡型,標識語法要求較寬鬆
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
要求很是寬鬆的DTD,它容許你繼續使用HTML4.01的標識(可是要符合xhtml的寫法)。
2. XHTML 1.0 Strict - 嚴格型,標識要求達到以上XHTML相比於HTML的全部改動
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
要求嚴格的DTD,你不能使用任何表現層的標識和屬性,例如

3. XHTML 1.0 Frameset - 框架集定義
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
專門針對框架頁面設計使用的DTD,若是你的頁面中包含有框架,須要採用這種DTD
4. XHTML 1.1 - 模塊化的XHTML
5. XHTML 2.0 - 徹底模塊化可定製化的XHTML,正在開發中,參考http://w3.org/
相關文章
相關標籤/搜索