在 HTML 中，文档类型声明标签（Doctype）是用来指示浏览器如何解析文档的元数据。它告诉浏览器使用哪种 HTML 或 XML 标准来渲染页面。Doctype 标签通常位于 HTML 文档的第一行，并且没有闭合标签。
文档类型声明的基本语法
<!DOCTYPE html>
这是当前标准 HTML5 文档类型声明，表示文档使用的是 HTML5 标准。
Doctype 标签的作用
- 指定文档类型：
<!DOCTYPE>声明告知浏览器应该使用哪种 HTML 版本来解析和渲染页面。 - 确保标准模式：通过声明 Doctype，浏览器能够进入“标准模式”渲染页面，这样页面会按标准规范进行显示，避免一些浏览器自定义的渲染方式（如怪异模式）。
- 兼容性：如果不声明 Doctype 或声明不正确，浏览器可能会使用“怪异模式”（Quirks Mode），这会导致布局和样式的异常。
常见的 Doctype 声明
- HTML5 Doctype
<!DOCTYPE html>- 这是最简单、最现代的 Doctype 声明，适用于 HTML5 标准。
- 它不区分大写和小写，可以简单地声明为
<!DOCTYPE html>，浏览器会理解并以 HTML5 标准来解析文档。
- HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">- 用于严格模式下的 HTML 4.01 文档。
- 严格模式不允许使用过时的元素和属性，例如
<font>标签和一些表格布局的元素。
- HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">- 用于允许某些旧版 HTML 元素的过渡模式。
- 适用于那些希望向现代标准过渡的旧版网页。
- HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">- 用于支持 HTML Frameset 的文档类型。
- 适用于使用
<frameset>标签的文档，它允许多个子页面在同一个页面内显示。
- XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">- 用于严格模式下的 XHTML 1.0 文档，XHTML 是一种基于 XML 的 HTML 标准。
- 在 XHTML 中，标签和属性必须正确闭合，文档必须是严格的 XML 格式。
- XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">- 用于允许某些旧版 XHTML 元素的过渡模式。
- XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">- 用于支持 XHTML Frameset 的文档类型。
Doctype 的作用总结
- 标准模式渲染：正确的 Doctype 声明确保页面在现代浏览器中以标准模式进行渲染，避免浏览器进入怪异模式。
- 与 HTML 版本兼容：不同的 Doctype 声明对应不同版本的 HTML 标准，开发者根据需要选择合适的声明。
- 简化与现代化：HTML5 的
<!DOCTYPE html>声明简化了网页结构，开发者不再需要关注具体的 DTD（文档类型定义）。
Doctype 与浏览器的兼容性
- 怪异模式（Quirks Mode）：如果 HTML 文档没有声明 Doctype，或者声明不正确，浏览器可能会进入怪异模式，这可能导致页面布局、样式等表现不符合标准。
- 标准模式（Standards Mode）：正确声明 Doctype，浏览器会按标准规范渲染页面，保证页面的一致性和可维护性。
总结： <!DOCTYPE html> 是现代 HTML 中常用的文档类型声明，它让浏览器知道应该使用 HTML5 标准来解析页面。声明 Doctype 对于确保网页在各个浏览器中正确渲染是非常重要的。