<body>: 主体标签
最后更新：2026-10-13
<body>主体标签
文档的主体，所有用户在页面上看到的内容（文字、图片、表单等）都放在这里。
| 分类 | 文档结构 |
|---|---|
| 内容模型 | 根元素子级 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </body> 标签 |
| 状态 | 标准 |
📝 语法
<body>
<h1>可见内容</h1>
</body>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <body> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： body 放置所有可见内容；现代布局常用 header/main/footer 等语义标签组织它。
❓ 常见问题
Qbody 上可以监听哪些常用事件？
A页面级事件多数派发给 body/window：
load（全资源加载完）、scroll（滚动）、resize（实际挂 window）、点击冒泡到 body 的委托处理。现代推荐把全局监听挂 window，body 主要承担 DOM 结构根职责。Qbody 的默认 margin 怎么去掉？
A浏览器默认给 body 8px margin，重置方式：
body { margin: 0; } 或引入现代重置（* { margin: 0; } 配合 box-sizing）。这是几乎所有项目 CSS 的第一行。Qbody 里只能放可见内容吗？
Abody 的内容模型是流式内容，
<script>、<template>、<noscript> 这类非可见元素也合法。但要放 <meta>、<title> 就不行——那些是 head 的专属。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
