在 HTML 中，文档类型声明标签（Doctype）是用来指示浏览器如何解析文档的元数据。它告诉浏览器使用哪种 HTML 或 XML 标准来渲染页面。Doctype 标签通常位于 HTML 文档的第一行，并且没有闭合标签。

文档类型声明的基本语法

<!DOCTYPE html>

这是当前标准 HTML5 文档类型声明，表示文档使用的是 HTML5 标准。

Doctype 标签的作用

  1. 指定文档类型：<!DOCTYPE> 声明告知浏览器应该使用哪种 HTML 版本来解析和渲染页面。
  2. 确保标准模式：通过声明 Doctype，浏览器能够进入“标准模式”渲染页面，这样页面会按标准规范进行显示，避免一些浏览器自定义的渲染方式（如怪异模式）。
  3. 兼容性：如果不声明 Doctype 或声明不正确，浏览器可能会使用“怪异模式”（Quirks Mode），这会导致布局和样式的异常。

常见的 Doctype 声明

  1. HTML5 Doctype<!DOCTYPE html>
    • 这是最简单、最现代的 Doctype 声明，适用于 HTML5 标准。
    • 它不区分大写和小写，可以简单地声明为 <!DOCTYPE html>，浏览器会理解并以 HTML5 标准来解析文档。
  2. 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> 标签和一些表格布局的元素。
  3. HTML 4.01 Transitional<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    • 用于允许某些旧版 HTML 元素的过渡模式。
    • 适用于那些希望向现代标准过渡的旧版网页。
  4. 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> 标签的文档，它允许多个子页面在同一个页面内显示。
  5. 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 格式。
  6. 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 元素的过渡模式。
  7. 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 对于确保网页在各个浏览器中正确渲染是非常重要的。