DOCTYPE声明方式

工作了这么久不知道DOCTYPE的作用是什么，更不知道不同声明方式之间的差异，水平小菜凭这点一下就暴露了，惭愧惭愧！查阅文档整理如下：

1. 标准模式与混杂模式

由于历史发展的原因，不同浏览器对同一个页面的解析渲染是有差异的，没有统一的标准。1994年10月，万维网联盟（W3C）由 Tim Berners Lee 于美国MIT设立。截止2018年，W3C已发布了200多项影响深远的Web标准及实施指南。严格遵循W3C标准的web页面称之为“标准模式”（也叫“严格模式”），而页面以一种比较宽松的向后兼容的方式显示的则称之为“混杂模式”（也称“怪异模式”），浏览器究竟用什么模式来渲染页面，就看DOCTYPE的声明方式。DOCTYPE是document type (文档类型) 的缩写，DOCTYPE 声明本身不是标签，声明必须写在HTML文档的第一行。

2. 标记语言的发展

来看下标记语言的发展，方便下文理解，标准通用标记语言（Standard Generalized Markup Language,SGML），是1986年出版发布的一个信息管理方面的国际标准(ISO 8879)。该标准定义独立于平台和应用的文本文档格式，索引和链接信息，为用户提供一种类似于语法的机制，用来定义文档的结构和指示文档结构的标签（tag）。制定SGML的基本思想是把文档内容于样式分开。

SGML规定了在文档中嵌入描述标记的标准格式，指定了描述文档结构的标准方法。SGML是一个包含超文本链接的综合语言，在Web上使用的HTML格式是使用固定标签集的一种SGML文档。

从上图可以看出，html是SGML的一个应用，xml是简化了SGML并用来取代SGML的，xhtml就是html从SGML专用xml语法的结果。不过HTML5已经不是SGML的子集。

3. 什么是DTD？

DTD 文档类型定义(Document Type Definition)，规定了标记语言的规则，它是XML1.0版规格的一部分，是html文件的验证机制，属于html文件组成的一部分。DTD 是一种保证html文档格式正确的有效方法。一个DTD文档包含：元素的定义规则，元素间关系的定义规则，元素可使用的属性，可使用的实体或符号规则。

4. DOCTYPE声明

4.1 HTML 5只有一种声明方式，HTML5 不基于 SGML，不需要引用 DTD，所以HTML5没有“标准模式”与“混杂模式”的区别。

<!DOCTYPE html>

4.2 HTML4.01有三种声明方式，在HTML 4.01 中，<!DOCTYPE> 声明需要引用 DTD，因为 HTML 4.01 基于 SGML。

4.21 HTML 4.01 Strict （严格版本）

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font），不允许框架集（Framesets），它提供了最干净的结构化标记，免于表现层的混乱。

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

4.22 HTML 4.01 Transitional（过渡版本）

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

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

4.23 HTML 4.01 Frameset（基于框架的 HTML 文档）

该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。

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

4.3 XHTML 1.0 提供了三种DTD声明可供选择：

4.31 XHTML 1.0 Strict（严格版本）

同HTML严格版本。必须以格式正确的 XML 来编写标记。

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

4.32 XHTML 1.0 Transitional（过渡版本）

同HTML过渡版本。必须以格式正确的 XML 来编写标记。

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

4.33 XHTML 1.0 Frameset（基于框架的 HTML 文档）

等同于 XHTML 1.0 Transitional，但允许框架集内容。

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

4.4 XHTML 1.1

该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型（例如提供对东亚语系的 ruby 支持）。

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

5. 选择什么样的声明方式

随着技术的不断发展和完善，标准的应用越来越广泛和深入，现在大型的电商网站都是采用HTML5的声明方式，这也是一个大家共同认可的发展趋势，我想，未来的网站不再需要考虑兼容性，到那时网站的建设将更加方便，更加高效！