DOCTYPE

2024-04-27 14:28:30

字体：大中小

来源：转载

供稿：网友

DOCTYPE

在HTML中 doctype 有两个主要目的。

对文档进行有效性验证:

它告诉用户代理和校验器这个文档是按照什么DTD 写的。这个动作是被动的，每次页面加载时，浏览器并不会下载DTD 并检查合法性，只有当手动校验页面时才启用。

决定浏览器的呈现模式:

对于实际操作，通知浏览器读取文档时用哪种解析算法。如果没有写，则浏览器则根据自身的规则对代码进行解析，可能会严重影响HTML 排版布局。浏览器有三种方式解析HTML文档。

非怪异（标准）模式
怪异模式
部分怪异（近乎标准）模式

2000 年 1 月 5 日，微软发表声明要发布「IE5 for Mac」。

我们先不要惊叹 IE 居然开发过 Mac 版本，也不要惊讶 Mac 版本的 IE2 到 IE5 存在了长达十年，更不要惊呼 IE for Mac 作为 Mac 的默认浏览器存在了五六年的时间。

以当时的眼光来说，那个时候的 IE5 非常先进，它完全实现了当时最新的 html 标准「HTML 4.0」。但是随之而来的问题是，对于一些旧的网页却不能正确的呈现（或者说，他们是被正确渲染了），那些网页是按照当时占统治地位的浏览器的渲染模式来渲染的，IE5 肯定不能就这样发布。

微软想到了一个解决方案，没错，这就是「DOCTYPE」。使用新标准的页面可以在之前加上 doctype 来激活新的标准模式。很快，各个浏览器都采用了这个方案，使用「混杂模式（Quirks）」和「标准模式（Standard Mode）」来进行渲染，但是实际上很多网页在使用标准模式时，却是基于某种混杂模式来写的，于是 Mozilla 1.1 创造了「准标准模式（Almost Standard Mode）」。

总结起来，混杂模式是不符合 Web 标准的模式，准标准模式是几乎要符合标准的模式，标准模式是符合标准的模式。

我们可以使用不同的 doctype 来激活不同的模式。

<!DOCTYPE html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">No doctype

除了上面这些还有非常多的 doctype 类型，而他们在不同的浏览器中又会激活不同的模式，以我的经验而言，现在最常用的就是这两个：

第一种是 html5 的 doctype，激活标准模式

<!DOCTYPE html>

第二种是 XHTML 1.0 用于过渡的 doctype，它会激活准标准模式

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

可以说，这两种 doctype 占了整个互联网页面的绝大部分，现在的网页除了第一种就是第二种。这两种 doctype 的背后也有很多故事可以讲。

什么是 XHTML

首先我们先来明确一点，什么是 XHTML？

W3C 发布了 HTML4 之后转向了 XHTML，「XHTML is the future」。XHTML 1.0 并没有在 HTML4 的基础上增加新的特性，而是用 xml 将 HTML4 进行了重写。这次重写对 HTML 进行了严格的限制，比如要使用 <br/> 而不是<br>，要在属性值上使用双引号。而一旦遇到一个错误就要立刻停止解析，并显示错误信息。而当时的页面绝大多数都不可能满足这种严格的标准，所以开发者们也使用了这种新的语法，但是却是以 text/html 的形式来发布的。

声明自己使用的是 XHTML 1.0 的方式就是使用 doctype，

而随后发布的 XHTML 1.1 却没有得到广泛的支持，因为它只允许以 application/xhtml+xml 的形式发布，所以 WEB 开发者们就直接忽略掉了。