<main>: 主内容标签
最后更新：2026-10-13
<main>主内容标签
表示文档或应用的主体内容，应唯一且与侧边栏、导航、页脚等重复内容无关。
| 分类 | 语义化 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </main> 标签 |
| 状态 | 标准 |
📝 语法
<main>主体内容</main>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <main> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 一个文档中应当只有一个 main；不能被放在 article、aside、footer 或 header 内部。
❓ 常见问题
Qmain 在一个页面里能有几个？
A只能有一个可见的
<main>——文档中不允许出现多个未隐藏的 main。它是「页面主内容区」的唯一地标，屏幕阅读器可直接跳转。多标签页切换内容时，用 hidden 属性保证同一时刻只显示一个。Qmain 可以放在 article 或 header 里面吗？
A不可以。
<main> 只能放在 body、div 等无语义容器的直接子级，不能嵌套在 <article>、<aside>、<header>、<footer>、<nav> 内。典型结构是 header、main、footer 三者平级。Qmain 对 SEO 有帮助吗？
A有间接帮助。
<main> 帮助搜索引擎和屏幕阅读器快速定位正文、排除导航页脚噪音，提升内容识别效率。它不是排名因子，但属于良好的语义化基础设施。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
