DOCTYPE声明作用

最新推荐文章于 2021-11-14 22:44:29 发布

zhifeng687

最新推荐文章于 2021-11-14 22:44:29 发布

阅读量516

点赞数

前端专栏收录该内容

82 篇文章 0 订阅

订阅专栏

网页中用了 <!DOCTYPE html... 就表示该页面采用了W3C标准，这样做可以增强页面的兼容性，降低对浏览器的依赖性。
不加这一行，就表示页面采用浏览器本身的解析标准，这样会造成页面在不同的浏览器（IE、火狐等）可能出现不同的显示效果。

例子：

不添加docType声明下，IE下的table标签的样式：

经过计算后，样式为：

添加docType声明下 ,table标签的样式：

经过计算后，样式为：

浏览器呈现模式
现代浏览器包括不同的呈现模式，目的是既支持遵循标准的网页，也支持为老式浏览器而设计的网页。其中， Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而 Quirks （包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。另外，注意Mozilla/Netscape 6新增了一种 Almost Standards （近似标准）模式，用于支持为标准的某个老版本而设计的网页。
什么是 doctype切换？
放在网页顶部的doctype声明是让浏览器进入正确呈现模式的关键。浏览器自动切换到恰当的呈现模式，以便正确显示由doctype声明所指定的文档种类。
理论上，这应该是一个非常直观的切换。假如doctype指出当前网页是一个遵循标准（也就是HTML 4+或XHTML 1+）的文档，浏览器就会切换到Standards模式。假如没有指定doctype，或者指定HTML 3.2以及更老的版本，浏览器就切换到Quirks模式。这样一来，浏览器既能正确显示遵循标准的文档，又不至于完全舍弃老式的、与标准不符的网页。