閱讀323 返回首頁    go 阿裏雲 go 技術社區[雲棲]


HTML中的DOCTYPE需要注意的事情!

在我們使用一些頁麵設計工具生成頁麵的時候,往往在頁麵的開始會生成如下的DOCTYPE信息,那麼什麼是DOCTYPE?DOCTYPE是文檔類型定義,就是規定了在HTML頁麵中使用什麼樣的標簽是合法的。這些規範是w3c組織製定的,到目前為止有過如下幾種DOCTYPE:
1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
這是基於HTML4.0規範,是比較老的一種。
2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這是XHTML規範,是按照XML語法來規定HMTL文檔,與HTML比較,語法要求更加嚴謹。例如:在標簽的屬性必須有引號。其中transitional規範要求非常寬鬆的DTD,它允許繼續使用HTML4.01的標識(但是要符合xhtml的寫法)。
3、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
strict規範是要求嚴格的DTD。
關於這些規範的更加詳細的信息請參考www.w3.org。本文想說明一下我在具體項目中遇到的HTML4.0和XHTML問題,以提醒大家注意。
在我們使用一些頁麵設計工具生成頁麵的時候,往往在頁麵的開始會生成如下的DOCTYPE信息,那麼什麼是DOCTYPE?DOCTYPE是文檔類型定義,就是規定了在HTML頁麵中使用什麼樣的標簽是合法的。這些規範是w3c組織製定的,到目前為止有過如下幾種DOCTYPE:
1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
這是基於HTML4.0規範,是比較老的一種。
2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這是XHTML規範,是按照XML語法來規定HMTL文檔,與HTML比較,語法要求更加嚴謹。例如:在標簽的屬性必須有引號。其中transitional規範要求非常寬鬆的DTD,它允許繼續使用HTML4.01的標識(但是要符合xhtml的寫法)。
3、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
strict規範是要求嚴格的DTD。
關於這些規範的更加詳細的信息請參考www.w3.org。本文想說明一下我在具體項目中遇到的HTML4.0和XHTML問題,以提醒大家注意。
我想在頁麵上放置一個漂浮的圖片,效果如上圖。代碼如下:
 <img src="themes/indicators_imgs/3MA_loadingcontent.gif" />
同樣的語句在不同的規範效果不同的,在HTML4.0中沒有飄浮的效果,style中的position的fixed不起作用,在XHMTL就可以。 事實上我們很少注意到這兩個規範不同,但是就是在頁麵使用了不同的DTD導致了頁麵效果的不同。

最後更新:2017-04-02 03:42:36

  上一篇:go 廣度不足,深度不夠
  下一篇:go Eclipse插件生成webservice客戶端調用代碼