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

DOCTYPE和浏览器渲染模式相关推荐

浏览器兼容性问题与浏览器的内核及渲染模式
兼容性问题目前市面上流行的浏览器有多种,这些浏览器在处理一个相同的页面时,表现或行为有时会有差异.这种差异可能很小,甚至不会被注意到:也可能很大,甚至造成在某个浏览器下无法正常浏览.我们把引起这些差 ...
用doctype激活浏览器模式
为了处理根据Web标准创作的网页和根据在20世纪90年代末流行的陈旧实践创作的网页,现代的Web浏览器实现了各种不同的引擎模式.本文说明了那些模式是什么以及如何触发它们. 原文:Henri Sivon ...
KB001: 兼容性问题与浏览器的内核及渲染模式
http://www.w3help.org/zh-cn/kb/001 IE 系列的"混杂模式",将浏览器的行为冻结在了 IE5.5 这个版本,虽然 IE 各版本的混杂模式也略有区别 ...
低版本浏览器使用最新渲染模式以免IE不支持CSS3属性
1.让IE使用最新的渲染模式,告诉低版本浏览器使用最新渲染模式以免IE不支持CSS3属性 <meta http-equiv="X-UA-Compatible" content ...
浏览器渲染机制面试_面试官不讲码德，问我Chrome浏览器的渲染原理（6000字长文）...
前言对于HTML,css和JavaScript是如何变成页面的,这个问题你了解过吗?浏览器究竟在背后都做了些什么事情呢?让我们去了解浏览器的渲染原理,是通往更深层次的开发必不可少的事情,能让我们更深 ...
设置兼容性[指定IE浏览器渲染方式]
<meta http-equiv="X-UA-Compatible" content="IE=7" /> 以上代码告诉IE浏览器,无论是否用DTD声 ...
解决360等等浏览器兼容模式解析不兼容代码
之前写的代码不是很规范 , 在今天测试下发现360浏览器等等的浏览器使用兼容模式会有很多不兼容 , 网上了解过一下 , 说是很多浏览器的兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理 ...
【F12一下，看看页面里的第一行】——说说浏览器兼容性模式
面试官:请你谈谈标准(Standards)模式.怪异(Quirks)模式.准标准(Almost Standards)模式,当你打开IE9时候会看见,浏览器模式,文档模式,兼容性视图,这些又是什么? 尼 ...
浏览器标准模式和怪异模式
什么是标准模式和怪异模式? 在实现html和css标准化之前,各个浏览器对html和css的解析各有不同,甚至是同一个浏览器的不同版本渲染方式也不同(比如IE6和IE7).在W3C制定标准之后,浏览器 ...

DOCTYPE和浏览器渲染模式

1. 浏览器的三种工作方式

DOCTYPE和浏览器渲染模式相关推荐

最新文章

热门文章