<main>标签用于定义页面核心内容,提升可访问性和seo,应唯一且不嵌套在其他结构标签内,如<header>或<nav>,也不包含重复元素,典型用法包裹文章正文或产品信息。
html主体内容区域通常使用 <main> 标签来定义,它表示页面中主要的、核心的内容部分。这部分内容是独一无二的,不包含重复性元素,比如页眉、导航栏、页脚或广告等。
main标签的作用
<main> 标签帮助浏览器和辅助技术(如屏幕阅读器)识别页面的主内容区域,提升可访问性和SEO效果。它应当包裹与页面主题直接相关的内容,例如文章正文、产品信息或搜索结果。
使用main标签的注意事项
- 一个页面中不应出现多个 <main> 元素
- 不要将 <main> 放在 <article>、<aside>、<footer>、<header> 或 <nav> 内部
- 如果是多个页面共用的内容(如全局导航或版权信息),不应放在 <main> 中
- 可以省略 role="main",因为 <main> 自带此语义
基本语法示例
以下是一个典型的使用方式:
<body><br> <header>网站标题与导航</header><br> <main><br> <h1>文章标题</h1><br> <p>这是文章的主要内容……</p><br> </main><br> <aside>侧边栏广告或推荐</aside><br> <footer>版权信息</footer><br></body>
基本上就这些。合理使用 <main> 能让网页结构更清晰,对用户和搜索引擎都更友好。不复杂但容易忽略。