一般 HTML 的第一行是文档类型。如
<!DOCTYPE html>
浏览器根据文档类型来决定该用何种方式来渲染页面。
浏览器根据文档类型来决定如何渲染页面。出现渲染模式的目的的为了兼容一些老旧(不符合w3c标准)的的页面。
在浏览器中有三种模式: 怪癖模式(quirks mode),准标准模式(almost standards mode)和标准模式(standards mode)。 在怪癖模式下,浏览器会模拟Navigator 4和IE5的方式来渲染页面。在标准模式下,浏览器会用HTML和CSS规范定义的方式来渲染页面。 在准标准模式下,浏览器在少数部分情况下用怪癖模式来渲染。
不同浏览器的怪癖模式也是不一样的。在IE 6,7,8中的怪癖模式模拟IE5.5。在其他浏览器中,怪癖模式是对准标准模式的少量偏移。
如果写新的页面,那么请使用标准模式(<!DOCTYPE html>)。
BackCompat
,标准模式的值是 CSS1Compat
。<!-- This comment will put IE 6, 7, 8, and 9 in quirks mode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
怪癖模式带来的影响主要是css布局。如在 怪癖模式和标准模式之间一个突出的不同是对 CSS IE盒模型缺陷的处理。在某些浏览器(如IE)的怪癖模式下,盒模型(box model)变成IE5.5的盒模型(IE5.5的盒模型的width包括margin和padding),另一个值得一提的不同点是某些行内 (inline) 元素的垂直对齐;很多早期的浏览器对齐图片至包含它们的盒子的下边框,虽然 CSS 的规范要求它们被对齐至盒内文本的基线。标准模式下,基于 Gecko 的浏览器将会对齐至基线,而在 怪癖模式下它们会对齐至底部。以及表格不继承样式等。