HTML <!DOCTYPE> 语法
<!DOCTYPE> 是 HTML 或 XHTML 文档的第一行代码，它用于告诉浏览器当前文档使用的是哪种 HTML 或 XHTML 规范。
语法：
<!DOCTYPE html>
说明：
对于 HTML5 文档来说，只需要使用上面这句简化的声明即可，不需要考虑其他东西。
<!--大写方式（推荐）-->
<!DOCTYPE html>
<!--小写方式-->
<!doctype html>
为什么 <!DOCTYPE> 声明很重要？
所有 HTML 文档都应该使用 <!DOCTYPE html> 进行声明。如果 HTML 文档缺少 <!DOCTYPE> 声明，或者使用了不正确的声明，浏览器可能会进入 “怪异模式”。
在 “怪异模式” 下，浏览器会尝试模拟旧版浏览器的行为，这可能导致页面布局和渲染出现不可预测的问题。通过添加 <!DOCTYPE html> 声明，能够确保浏览器会以标准模式运行，从而提供一致且符合预期的渲染效果。
HTML <!DOCTYPE> 摘要
| 属于 | HTML 标签 |
|---|---|
| 使用频率 | 高 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML <!DOCTYPE> 示例
接下来，我们通过一个简单的例子来讲解一下 HTML <!DOCTYPE> 是如何使用的。
示例： <!DOCTYPE> 基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>绿叶网</h1>
</body>
</html>
页面效果如下图所示。
旧版本的 HTML 文档声明
在旧版本的 HTML 文档（如 HTML 4.01 或 XHTML）中，文档声明需要引用 DTD（文档类型定义）。
HTML 4.01：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.1：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
而在 HTML5 中，文档声明只需要下面简短的声明即可。
<!DOCTYPE html>
在实际开发中，我们不再需要考虑 DTD，只需直接使用 HTML5 文档声明即可。
