标签是html文档唯一不可省略的根容器，浏览器强制补全但可能丢失lang属性、破坏语义化与css作用域，且其为dom操作和样式继承的起点。
标签不是“最关键元素”，而是**唯一不可省略的根容器**——没有它，浏览器根本不认这是 HTML 文档。
为什么
浏览器解析时会强制补全缺失的 ，但补全行为不可控：可能丢失 lang 属性、影响语义化、破坏 CSS 选择器作用域（比如 html[dir="rtl"] 失效）。更关键的是，document.documentElement 永远指向它，所有 DOM 操作和样式继承都以此为起点。
- 省略
后，和会被提升为直接子节点，但它们在规范中本应是的子元素 -
lang必须写在上，否则屏幕阅读器无法正确切换语言发音规则 - 某些 CSS 重置库（如 Normalize.css）依赖
html选择器初始化全局样式，缺了就失效
lang 值怎么选
值不是随便填的。必须用 BCP 47 标准格式，且优先匹配用户实际语言环境：
- 简体中文网页用
zh-CN，繁体中文用zh-TW或zh-HK；混排场景（如中英术语并存）仍用主语言，不写en - 不要用
zh这种过于宽泛的值，它不触发任何特定语言渲染优化 - 动态站点若支持多语言切换，
lang必须随内容实时更新，不能只靠 JS 改innerHTML而忽略属性同步
只有两个允许的直接子元素： 和 。其他任何标签（包括 <header></header>、<div>、甚至注释）放在 <code> 开始标签后、 前，都会被浏览器自动移到 开头——这会导致布局错乱或脚本执行时机异常。
- 错误写法：
<!-- 注释 -->...→ 注释会被塞进 - 正确顺序：必须严格是
...... -
可以有全局属性（如class、data-*），但无实际语义用途，仅用于 JS 或 CSS 调试钩子
真正容易被忽略的点：很多开发者以为 才是“内容起点”，所以把初始化脚本或全局样式挂在那里，却忘了 才是 DOM 的第一层控制权归属——它不展示内容，但决定了整个页面的底层行为边界。
