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 与浏览器模式分析

 

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