主题
  • 默认模式
  • 浅蓝色模式
  • 淡绿色模式
  • 深夜模式

定义和用法

所有 HTML 文档都必须以<!DOCTYPE>声明开始,位于 HTML 文档的第一行,在<html>标签之前。

<!DOCTYPE>声明不是 HTML 标签,而是告诉浏览器该文档使用的是哪种 HTML 版本规范。

在 HTML 5 中,声明很简单:

<!DOCTYPE html>

定义<!DOCTYPE>声明的意义:

  • 确保浏览器正确渲染页面:不同的 DOCTYPE 会触发不同的渲染模式
  • 验证 HTML 文档:帮助验证工具确定文档应遵循的规则
  • 向前兼容:确保网页在未来浏览器中仍能正确显示

<!DOCTYPE> 声明实例

实例代码 运行代码
复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>开创者教程(kaicz.com)</title>
</head>
<body>
    文档的内容
</body>
</html>

更老的 HTML 文档

在更老的文档(HTML 4或 XHTML)中,声明更加复杂,因为声明必须引用 DTD(文档类型定义)。

1. HTML 4.01 Strict 声明

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

这个 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(如 font)。

2. HTML 4.01 Transitional 声明

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

这个 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(如 font)。

3. XHTML 1.1 声明

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

类似于 HTML 4.01 Strict,但必须正确编写 XML。


<!DOCTYPE> 注意事项

创建 HTML 文档时,要注意的事项:

  • <!DOCTYPE>声明对大小写不敏感,但通常使用大写,也没有结束标签。
  • <!DOCTYPE>声明必须放在文档的最前面,在它之前不能有任何内容(包括空格或注释)
  • 如果没有声明 DOCTYPE,浏览器会进入"怪异模式"(Quirks Mode),可能导致页面显示不一致



评论区 0
发表评论