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