是唯一合法的HTML文档主体容器标签，所有可见内容、脚本、样式引用必须置于其中；用div等替代会导致DOM异常、CSS失效、框架挂载失败等问题。
是唯一合法的 HTML 文档主体容器标签，所有可见内容、脚本、样式引用都必须放在它里面。
为什么不能用 div 或其他标签替代 body
浏览器解析 HTML 时会强制补全缺失的 ，但手动省略或用 <div id="app"> 之类替代，会导致：
<ul>
<li>DOM 树结构异常，<code>document.body 可能为 null 或指向意外节点
body 选择器失效，比如 body { margin: 0; } 完全不生效createApp）依赖 document.body 挂载，挂载失败且无明确报错
body 标签里能放什么？哪些内容会被忽略或移动
HTML 规范明确限定 内只能包含“flow content”，即常规可见内容和部分交互元素。以下情况要注意：
-
<script></script>和<link rel="stylesheet">可以直接放，但<style></style>建议放—— 放在末尾虽可工作，但可能触发重排 -
<meta>、<title></title>、<base>等元数据标签放在这里会被浏览器静默忽略（不报错，也不起作用） - 多个
标签：只第一个有效，后续全部被丢弃
常见错误：SPA 初始化失败、滚动条消失、全局样式不生效
这些表象背后，80% 是因为 缺失、嵌套错误，或被 JS 动态清空后未正确重建。排查时优先检查：
立即学习“前端免费学习笔记（深入）”；
- 源码中是否存在
标签（不是自闭合写法，HTML 不支持） - 是否在 JS 中执行了
document.body.innerHTML = ''后忘记恢复必要结构（如<div id="root"></div>） - 服务端渲染（SSR）模板里是否漏写了
，导致客户端 hydrate 时找不到挂载点
真正麻烦的不是写错标签，而是它出错时不报错、不警告，只让后续逻辑悄悄失效 —— 所以每次页面加载后，顺手敲一行 console.log(document.body) 看看是不是 null，比读十遍文档还管用。
