HTML5main标签作用是什么_HTML5页面主体内容区域划分使用场景汇总【介绍】

7次阅读

标签是文档中唯一代表核心内容的语义化容器,必须且只能出现一次,不可嵌套于 等元素内,错误使用会损害可访问性与 seo

HTML5main标签作用是什么_HTML5页面主体内容区域划分使用场景汇总【介绍】

ain> 标签不是“页面主体内容区域”的模糊概念,而是有明确语义约束的、只能出现一次的、代表当前文档核心内容的容器。 它不负责视觉布局,也不替代 <div>,用错反而会破坏可访问性和 SEO。 <h3>为什么不能多个 <main> 或嵌套使用</main> </h3> <p>浏览器和读屏软件(如 NVDA、VoiceOver)把 <code><main></main> 当作“当前视图唯一主要内容入口”。规范强制要求:整个文档中最多一个 <main></main>,且不能是 <article></article> 并设置 <aside></aside>)才能真正起效。没配这些,<nav></nav> 就只是个好看的空壳。

<body>   <header>...</header>   <main><h1>文章标题</h1><p>正文</p></main>   <aside>相关链接</aside>   <footer>版权</footer> </body>

text=ZqhQzanResources