正确书写并置于html文件首行且无任何前置字符，即可启用标准模式（document.compatmode === "css1compat"）；需避免旧式dtd、注释、bom等干扰，并配合lang和charset声明以确保完整性。
在 HTML5 中启用标准模式，核心就是正确书写 DOCTYPE 声明，它不参与渲染，但直接决定浏览器用哪种解析规则处理整个文档。只要这行写对、放对位置，标准模式（即 document.compatMode === "CSS1Compat"）就自动生效。
必须放在第一行，前面不能有任何字符
声明必须是 HTML 文件的**第一个字符**，前面不能有空格、BOM（字节顺序标记）、注释、XML 声明，甚至不能有一行空行。哪怕只多一个不可见的 UTF-8 BOM，某些浏览器（如旧版 IE 或 Safari 本地打开时）就会退回到怪异模式。
- ✅ 正确：
（独占第一行，无前导空白） - ❌ 错误：
（开头有不间断空格） - ❌ 错误：
<!-- 注释 -->（前面有注释） - ❌ 错误：
<?xml version="1.0" encoding="UTF-8"?>（前面有 XML 声明）
只用 a style="color:#f60; text-decoration:underline;" title= "html"href="https://m.php.cn/zt/15763.html" target="_blank">html>，别用老式 DTD
HTML5 不需要也不推荐使用 XHTML 或 HTML4 的冗长 DTD 声明。那些写法不仅过时，还可能触发“几乎标准模式”或限制现代特性支持（如 Flexbox 行为异常、dataset API 不可用）。
- ✅ 推荐：
（大小写不敏感，但惯例全小写） - ❌ 避免：
- ❌ 避免：
配合 lang 和 charset 提升完整性
虽然它们不直接影响标准模式开关，但属于 HTML5 标准结构的必要组成部分，能避免潜在解析歧义，并支持无障碍、SEO 和多语言正确渲染。
-
：加在开始标签中，明确语言 -
<meta charset="UTF-8">：放在内最靠前位置，声明字符编码 - 可选但推荐：
<meta name="viewport" content="width=device-width, initial-scale=1.0">，保障响应式基础
验证是否真正启用标准模式
不要看页面是否“看起来正常”，而要用 JavaScript 直接读取解析状态：
- 在浏览器控制台执行：
document.compatMode - 返回
"CSS1Compat"→ 成功进入标准模式 - 返回
"BackCompat"→ 仍处于怪异模式，需回头检查 DOCTYPE 位置和内容 - 该值在
内脚本中即可读取，无需等待页面加载完成
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
