HTML中被忽视的DOCTYPE标签

最新推荐文章于 2021-06-15 17:03:17 发布

iteye_4002

最新推荐文章于 2021-06-15 17:03:17 发布

阅读量135

点赞数

文章标签： xhtml

定义和用法

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

以下面这个 <!DOCTYPE> 标签为例：

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

在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

注释：<!DOCTYPE> 标签没有结束标签！

HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：

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

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：

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

Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：

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

XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。

如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：

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

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 XHTML 的呈现特性时，请使用此类型：

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

当您希望使用框架时，请使用此 DTD！

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

如需检查你是否编写了带有正确 DTD 的合法 XHTML 文档，您可以把您的 XHTML 页面链接到一个 XHTML 验证器。

选择正确的doctype：

为了获得正确的doctype声明，关键就是让dtd与文档所遵守的标准对应。

例如，假定文档遵守的是xhtml 1.0 strict标准，文档的doctype声明就应当引用响应的dtd。

另一方面，若是doctype声明指定的是xhtml dtd，但文档包含的是旧式风格的html标识表记标帜，就是不恰当的；类似地，若是doctype声明指定的是html dtd，但文档包含的是xhtml 1.0 strict标识表记标帜，同样是不恰当的。

若是没有指定有效的doctype声明，大多半浏览器都邑应用一个内建的默认dtd。在这种景象下，浏览器会用内建的dtd来试着显示你所指定的标识表记标帜（不过这是页面写得太糟糕的时辰的做法）。

看了一下京东、淘宝、还有博客园，用的都是这个：

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

然则发明百度跟谷歌用的是“<!doctype html>”，就再细心查了一下材料，发明HTML5也是直接用的这个，不过是因为 HTML 5 不基于 SGML，是以不须要对 DTD 进行

引用，然则须要 doctype 来规范浏览器的行动（让浏览器遵守它们应当的体式格式来运行）。

建议在今后都直接用“<!doctype html>”，用<!doctype html>的话就会开启浏览器的标准兼容模式，在标准兼容模式下，不克不及包管与其它版本（IE6之前的，直接忽视吧），的 Internet Explorer 对峙兼容

关注