html5正确文档声明是，必须位于文件最开头且前面无任何字符，否则触发怪异模式导致盒模型、flex布局、js api等异常。
HTML基础中，正确的文档类型声明就是写 a style="color:#f60; text-decoration:underline;" title= "html"href="https://m.php.cn/zt/15763.html" target="_blank">html>，且必须放在整个文件最开头，前面不能有任何字符（包括空格、换行、注释或BOM）。
DOCTYPE 声明的位置和格式
它不是HTML标签，而是一条指令，作用是让浏览器启用标准模式渲染页面。常见错误包括：
- 把
写在 <code>标签后面，或中间夹了空行 - 误写成
（缺少 <code>html）或<?xml encoding="UTF-8"?>（这是XML声明，不适用于HTML文档） - 混用XML声明和HTML结构，比如在HTML文件开头加
<?xml ... ?>，会导致浏览器解析异常甚至进入怪异模式
为什么不能用 开头
<?xml encoding="UTF-8"?> 是XML文档的编码声明，仅适用于XHTML或纯XML场景；现代HTML文档应使用 配合 <code><meta charset="UTF-8"> 来指定编码。两者不可共存于同一HTML文件开头——XML声明会干扰HTML解析器，尤其在IE或旧版浏览器中易触发兼容问题。
标准HTML5文档的最小合法结构
一个能被所有现代浏览器正确识别的最简HTML文件长这样：
<meta charset="UTF-8"><title>页面标题</title><p>这是内容</p>
注意： 标签要带 lang 属性， 中必须有 <meta charset="UTF-8">，这两项和 DOCTYPE 一起构成网页可访问性与编码稳定的基础。
声明错误会导致什么
缺失或错位的 DOCTYPE 可能让浏览器切换到怪异模式（Quirks Mode），后果包括：
- CSS盒模型计算方式不同（如 width 不包含 padding 和 border）
- 某些选择器或属性失效
- JavaScript中
document.documentElement.clientHeight等值返回异常 - 响应式布局、Flex/Grid 表现不一致
可通过浏览器开发者工具的 console 输入 document.compatMode 查看当前模式：返回 "CSS1Compat" 表示标准模式，"BackCompat" 则说明已掉入怪异模式。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
