DOCTYPE作用及用法详解

2017-01-26 本文已影响0人 DanweiChan

浏览器呈现（布局）模式

早期网页设计中，并不是所有网页代码都遵循标准进行编写，<u>所有现代浏览器中都拥有不同的呈现模式，这样一来，浏览器不仅能正常解析标准的文档，也能解析老式的、不符合标准的网页。</u>呈现模式分为以下三种：

Standards(标准)模式：遵循最新标准。
Quirks（怪癖/兼容）模式：帮助处理所有奇怪的渲染和非浏览器兼容及不符合标准的网页。
Almost Standards（近似标准）模式：针对标准的某个老版本设计的网页。

浏览器会根据 DOCTYPE 声明进入正确的呈现模式，但有时候它也并不那么听话，以下情况会触发兼容模式：

丢失的URL或URI。
未指定URL或者指定的是一个相对的路径（而不是完全限定的Internet地址），大多数浏览器会进入兼容模式而不管当初声明的是什么模式。
没有使用或格式错误的DOCTYPE。
浏览器如果不能识别一个错误的DOCTYPE，那么也会强制进入兼容模式，建议直接复制拷贝DOCTYPE声明而不是亲自输入。
过渡型的DOCTYPE
不同浏览器在处理过渡型DOCTYPE时是有差异的。有可能进入标准模式，也有可能进入兼容模式。

DOCTYPE

在遵循标准的所有Web文档中，DOCTYPE这条指令是必不可少的，不仅会影响代码校验，还决定浏览器最终如何解析你的Web文档。

文档解析器

DOCTYPE声明告诉类似的代码校验器或者浏览器应该按照什么规则集解析文档，这些“规则”就是W3C发表的文档类型定义（DTD）中包含的规则。

文档类型定义（DTD）

DTD中包含了一系列标记、属性，用于标记Web文档中能出现哪些元素和元素之间的包含关系。如果没有指定有效的DOCTYPE声明，浏览器可能会使用内置的默认DTD。你也可以自定义DTD，但一般不推荐这样。常见的DOCTYPE声明如下：

HTML 2：
<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">

HTML 3.2：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

HTML 4.01 Strict：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

XHTML 1.1 plus MathML plus SVG：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">

DOCTYPE声明这一条指令必须在<html>标记之前定义。

组成部分

语法：<!DOCTYPE 根元素 可用性 "注册//组织//类型 标签 定义//语言" "URL">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

根元素

指定 DTD 中声明的顶级元素类型，这与声明的 SGML 文档类型相对应，默认HTML 。

可用性

指定正式公开标识符(FPI)是可公开访问的对象还是系统资源。默认 PUBLIC 可公开访问的对象。 SYSTEM 系统资源，如本地文件或 URL。

注册

指定组织是否由国际标准化组织(ISO)注册。默认 + ，组织名称已注册。 - 组织名称未注册，Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织。

组织

指定表明负责由 !DOCTYPE 声明引用的 DTD 的创建和维护的团体或组织的名称，即 OwnderID。 IETF 或 W3C。

类型

指定公开文本类，即所引用的对象类型。默认 DTD。

定义

指定文档类型定义。 Frameset 框架集文档。 Strict 排除所有 W3C 专家希望逐步淘汰的代表性属性和元素，因为样式表已经很完善了。Transitional 包含除 frameSet 元素的全部内容。

语言

指定公开文本语言，即用于创建所引用对象的自然语言编码系统。该语言定义已编写为 ISO 639 语言代码(大写两个字母)。默认 EN。

URL

指定所引用对象的位置。

参考文献：
http://blog.csdn.net/jom_ch/archive/2007/09/04/1772165.aspx
https://en.wikipedia.org/wiki/Document_type_declaration
https://html.spec.whatwg.org/multipage/syntax.html#the-doctype