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