HTML文档类型声明标签（）

lichongyang

3 周前

HTML 文档类型声明标签（Doctype Declaration）是 HTML 文档的第一行，用于告诉浏览器使用哪种 HTML 版本（或标准）来解析和渲染页面。正确写法（现代推荐）

html

&lt;!DOCTYPE html>

这是 HTML5 的标准文档类型声明（2009 年起使用至今）。
必须放在整个文档的最开头（不能有任何空格、换行或注释在它之前）。
不区分大小写，但推荐全小写，以保持规范一致性。

为什么需要 Doctype？

告诉浏览器：这是HTML5 文档，使用标准模式（Standards Mode）渲染，而不是怪异模式（Quirks Mode）或近似标准模式（Almost Standards Mode）。
如果不写 Doctype 或写错，浏览器可能进入怪异模式，导致布局、CSS 兼容性问题（如盒模型、inline-block 行为异常）。

历史常见 Doctype（了解即可，现在基本不用）

HTML 版本	Doctype 声明	说明
HTML5	<!DOCTYPE html>	现代标准（推荐）
HTML 4.01 Strict	<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>	严格模式（已过时）
HTML 4.01 Transitional	<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>	过渡模式（含旧标签）
XHTML 1.0 Strict	<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>	XML 风格（已废弃）
XHTML 1.1	<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>	更严格的 XML 版本（已废弃）

常见错误写法（不要用！）

html

&lt;!doctype html>             &lt;!-- 正确，但推荐全小写 -->
&lt;!DOCTYPE HTML>             &lt;!-- 也正确，但不推荐 -->
&lt;!DOCTYPE html PUBLIC ...>  &lt;!-- HTML5 不需要这些旧的 DTD -->

完整 HTML5 文档最小模板（2025 年标准）

html

&lt;!DOCTYPE html>
&lt;html lang="zh-CN">
&lt;head>
  &lt;meta charset="UTF-8">
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0">
  &lt;title>页面标题&lt;/title>
&lt;/head>
&lt;body>
  &lt;!-- 页面内容 -->
&lt;/body>
&lt;/html>

总结

问题	答案
现代 HTML 的 Doctype 是？	<!DOCTYPE html>
必须放在哪里？	文档的第一行（之前不能有任何内容）
大小写敏感吗？	不敏感，但推荐全小写
可以省略吗？	不推荐！省略会导致怪异模式

一句话记住：
HTML5 文档永远以 <!DOCTYPE html> 开头，这是最简单、最标准、最兼容的写法。如果你的项目需要兼容非常古老的浏览器（比如 IE6），可以再讨论旧 Doctype，但 2025 年的 Web 开发基本不需要了。