关于DOCTYPE

最新推荐文章于 2024-07-03 10:57:11 发布

弥生yayoi

最新推荐文章于 2024-07-03 10:57:11 发布

阅读量192

点赞数

分类专栏： html 文章标签： DOCTYPE HTML5 html

本文链接：https://blog.csdn.net/u014086845/article/details/53130444

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

什么是DOCTYPE呢

它的目的是要告诉标准通用标准语言解析器（就是我们的浏览器），它应该使用什么样的文档类型定义（DTD，Document Type Declaration）来解析文档。

DOCTYPE的用法

DOCTYPE的声明位于一个HTML文档的最前面，在根元素html的前面。我们可以通过输出 document.compatMode的结果来判断当前文档采用的DTD。一般情况下如果不采用DOCTYPE来进行声明，那么默认的就是Backcompat（向后兼容模式，即混杂模式）。输出结果为CSS1compat的即为标准模式。

我们最常使用也是最不容易出的是采用HTML5的DTD：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<!-- 在声明html5标准的DTD之后，显示CSS1compat，即标准模式 -->
	<!-- 若不声明DTD，则为混杂模式 -->
	<script>document.write(document.compatMode);</script>
</body>
</html>

这种声明方式相较于以前的版本更加方便简洁，<!DOCTYPE html>即可。

DOCTYPE的类型

* HTML 5
<!DOCTYPE html>

* 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">

* 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">

* HTML 4.01 Frameset
该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

* XHTML 1.0 Strict
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

* XHTML 1.0 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

* XHTML 1.0 Frameset

该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

* 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">

（以上为引用）