Skip to content

<!DOCTYPE> 标签

<!DOCTYPE> 是 HTML 文档中的声明标签,它告诉浏览器当前文档使用的是哪个 HTML 版本。

概述

<!DOCTYPE> 不是 HTML 标签,而是一个文档类型声明。它必须位于 HTML 文档的第一行,在 <html> 标签之前。

语法

html
<!DOCTYPE html>

HTML5 中的 <!DOCTYPE>

在 HTML5 中,<!DOCTYPE> 声明非常简单:

html
<!DOCTYPE html>

这是 HTML5 唯一支持的 <!DOCTYPE> 声明。

早期 HTML 版本的 <!DOCTYPE>

HTML 4.01 Strict

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

HTML 4.01 Transitional

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

HTML 4.01 Frameset

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

XHTML 1.0 Strict

html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

重要说明

  1. <!DOCTYPE> 声明不区分大小写
  2. <!DOCTYPE> 声明必须在文档的第一行
  3. 在 HTML5 中,<!DOCTYPE html> 是唯一有效的声明
  4. 如果省略 <!DOCTYPE> 声明,浏览器可能会进入怪异模式(Quirks Mode)

示例

一个完整的 HTML5 文档结构:

html
<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

浏览器兼容性

<!DOCTYPE html> 声明在所有现代浏览器中都得到支持,包括:

  • Chrome
  • Firefox
  • Safari
  • Edge
  • Internet Explorer 9+

最佳实践

  1. 始终在 HTML 文档的开头使用 <!DOCTYPE html>
  2. 确保 <!DOCTYPE> 声明是文档的第一行
  3. 使用 HTML5 的简洁声明形式,而不是旧版本的复杂声明

相关标签

  • <html> - HTML 文档的根元素
  • <head> - 文档的头部信息
  • <body> - 文档的主体内容