DOCTYPE宣告作用

zhifeng687發表於2015-12-18


網頁中用了 <!DOCTYPE html... 就表示該頁面採用了W3C標準，這樣做可以增強頁面的相容性，降低對瀏覽器的依賴性。
不加這一行，就表示頁面採用瀏覽器本身的解析標準，這樣會造成頁面在不同的瀏覽器（IE、火狐等）可能出現不同的顯示效果。

例子：

不新增docType宣告下，IE下的table標籤的樣式：


經過計算後，樣式為：


新增docType宣告下 ,table標籤的樣式：


經過計算後，樣式為：



瀏覽器呈現模式   
      現代瀏覽器包括不同的呈現模式，目的是既支援遵循標準的網頁，也支援為老式瀏覽器而設計的網頁。其中， Standards （標準）模式（也就是嚴格呈現模式）用於呈現遵循最新標準的網頁，而 Quirks （包容）模式（也就是鬆散呈現模式或者相容模式）用於呈現為傳統瀏覽器而設計的網頁。另外，注意Mozilla/Netscape 6新增了一種 Almost Standards （近似標準）模式，用於支援為標準的某個老版本而設計的網頁。
什麼是 doctype切換？ 
      放在網頁頂部的doctype宣告是讓瀏覽器進入正確呈現模式的關鍵。瀏覽器自動切換到恰當的呈現模式，以便正確顯示由doctype宣告所指定的文件種類。
理論上，這應該是一個非常直觀的切換。假如doctype指出當前網頁是一個遵循標準（也就是HTML 4+或XHTML 1+）的文件，瀏覽器就會切換到Standards模式。假如沒有指定doctype，或者指定HTML 3.2以及更老的版本，瀏覽器就切換到Quirks模式。這樣一來，瀏覽器既能正確顯示遵循標準的文件，又不至於完全捨棄老式的、與標準不符的網頁。



相關文章