为什么我们在 HTML 文档中使用 DOCTYPE?

front end technologyhtmlweb development更新于 2025/4/4 9:48:17

DOCTYPE 只不过是一种文档类型声明，它是一系列必须附加到特定 html、xml 或 sgxml 在线文档的准则。由于它是 HTML 版本所必需的，因此如果用户应用程序当时遇到任何问题，可以快速确定问题是由于 HTML 版本与用户浏览器不兼容造成的。

它们有三种类型

为什么我们使用 DOCTYPE?

DOCTYPE 在 HTML 文档的 head 部分之前声明。此声明并非 HTML 标签，但它的作用类似于向 Web 浏览器提供的关于 HTML 文档中元素和属性类型信息。

此声明在两种情况下使用:

文档类型嗅探或切换 - 向 Web 浏览器提供有关使用哪种渲染模式(怪异模式、完全标准模式或准标准模式)的信息。如果未声明文档类型，Web 浏览器仍会渲染文档，但由于文档类型嗅探或切换，结果可能与预期不符。
帮助标记验证器根据特定规则集检查这些 Web 文档的有效性。这些验证器会检查 HTML 文档中元素的语法以及它们是否被正确使用。因此，此文档类型声明会告知这些验证服务预期的元素类型。

HTML5 及更高版本的 DOCTYPE 语法 -

<!DOCTYPE html>

旧版 HTML 中的 DOCTYPE 声明更为复杂，因为它必须引用文档类型定义。

此外，HTML 4.01 文档类型需要严格、过渡或框架集 DTD 声明。每种 DTD 都有其独特的用例，如下所述。

严格 DTD - 用于不包含特性或组件的网站。

严格 HTML 4.01 的 Doctype 语法 −

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

过渡 DTD - 用于包含属性和元素的网页。

过渡 HTML 4.01 的 Doctype 语法 −

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

框架集 DTD - 用于带有框架的网页。

HTML 4.01 框架集的 Doctype 语法 −

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

DOCTYPE 不区分大小写。只要拼写和语法相同，可以用任何可能的方式声明它。

<!DOCTYPE html>
<!DocType html>
<!doctype html>
<!docTYPE html>
<!DOCType HTML>

And in many other ways…