必须顶格首行，否则触发怪异模式；不可省略，否则影响seo与无障碍访问；和须置于最前，避免乱码与降权。
必须写在第一行，且不能有任何字符（包括空格、换行）前置，否则触发怪异模式，<code>body 里的样式和 JavaScript 行为会不可预测。
为什么 lang 属性不能省略
搜索引擎和屏幕阅读器依赖它判断页面语言。省略时默认为未知语言，SEO 权重下降，无障碍访问支持失效。中文站必须显式写 lang="zh-CN"，英文站用 lang="en"；若混用多语言（比如一段英文引文），可在局部加 <span lang="en"></span> 覆盖。
严格来说，只有 <title></title> 是 HTML5 规范中唯一强制要求的子元素。但实际项目中，以下三项几乎总是必须：
-
<meta charset="UTF-8">：不写会导致中文乱码，尤其表单提交或 Ajax 请求时参数解析失败 -
<meta name="viewport" content="width=device-width, initial-scale=1.0">：缺失时移动端页面会以桌面宽度渲染，文字极小、需双指缩放 -
<title></title>：不仅影响浏览器标签页显示，更是 SEO 的核心字段，空<title></title>或纯空格会被搜索引擎降权
HTML 要求所有可见内容必须包裹在 内。把文字直接写在 后面，或 和 之间，浏览器虽会容错渲染（通常移到 开头），但 DOM 结构错乱，JS 查询 document.body 时可能拿到非预期节点，CSS 选择器如 body > p 也会失效。
常见误写：这里是错的文本<p>正确内容</p>
这种写法会让“这里是错的文本”被浏览器悄悄塞进 ，但位置不可控，调试时 DOM 树难以追踪。
真正容易被忽略的是 <meta charset> 和 <title></title> 的顺序——它们必须出现在 最前面，否则浏览器可能已按默认编码（如 ISO-8859-1）解析了部分 HTML，再遇到 charset 也来不及修正。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
