DOCTYPE和瀏覽器渲染模式

DOCTYPE,Document Type Declaration,文檔類型聲明,簡稱DTD。通常位於HTML文檔最前面,html元素之前。瀏覽器據此確定以何種渲染模式渲染文檔。

1. 瀏覽器的三種工作方式

 

名稱

document.compatMode 返回值

無怪癖模式(標準模式)

CSS1Compat

部分怪異模式(近乎標準模式)

CSS1Compat

怪異模式

BackCompat

常稱作渲染模式,但不僅會影響瀏覽器解析CSS,也會對JavaScript的解析和執行產生影響。

HTML5提供的<DOCTYPE html>是標準模式,瀏覽器需按照W3C的標準解析渲染頁面,這樣頁面在所有的瀏覽器裏顯示相同。如果不含 DOCTYPE,瀏覽器會採用怪異模式渲染。

怪異模式:瀏覽器爲了兼容很早之前針對舊版本瀏覽器設計、並未嚴格遵循 W3C 標準的網頁而產生的一種頁面渲染模式。

Quirks Mode 和 Standards Mode 的主要區別在盒模型上。IE6之前的IE瀏覽器,給元素設置的尺寸將內邊距、邊框包含在內,即IE盒模型。當然還有其他區別,參考怪異模式(Quirks Mode)對 HTML 頁面的影響

參考:

CS002: DOCTYPE 與瀏覽器模式分析

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章