表示页面或区块的引导性内容，可多次使用； 唯一且不可嵌套于 等元素内； 需有主题和标题，否则用 ； 强调内容相关性而非布局位置。
用
很多人一看到 里面还能再套一个。
- 单独用
- 如果只是放 logo + 导航，
是更准确的组合 - 不要用
：标题层级该用 heading 标签，结构标签管的是“块角色”，不是“文字级别”
表示文档中与当前页面最直接相关、独一无二的主要内容。浏览器和读屏软件会据此跳转，所以规则很严格。
- 每个 HTML 文档最多一个
，重复会导致验证失败和辅助技术误判 - 它不能是
、、、的子元素 - 常见错误：
… 提到外层，放进它里面
的关键区别在“是否自带标题”
。
- 正确用法：
用户反馈
大家说……
立即学习“前端免费学习笔记（深入）”；
- 错误用法：
…
…
→ 没标题、无主题，纯样式分组，这里该用
- 注意：
新手常把
- 适合放：侧边术语解释、作者简介、相关文章链接、引用来源
- 不适合放：网站全局导航、页脚信息、广告横幅（除非广告明确关联当前文章，比如某款相机评测旁放该相机购买链接）
- 它可以出现在
实际写框架时最容易被忽略的，是 Ctrl+Alt+1（跳主内容）时卡住。
的关键区别在“是否自带标题”
大家说…… 立即学习“前端免费学习笔记（深入）”； 新手常把 不是视觉分组工具，而是语义分组：它必须有主题，且通常（但不强制）带一个 – 标题。没标题的“区块”，就该用 。
用户反馈
→ 没标题、无主题，纯样式分组，这里该用 …
…
会出现在文档大纲中，影响 SEO 和屏幕阅读器导航顺序
不等于“右边栏”，而是“附属但相关的内容” 当作 CSS 布局的右栏占位符，结果导致语义错乱。它的核心是内容关系：它里面的文字/链接/引用，应该能脱离主文独立存在，又和当前上下文有关联。
实际写框架时最容易被忽略的，是 内部（如技术文章里的代码说明框），也可以在 级作为全站侧边栏——但前提是内容确实“附属且相关” 的唯一性和 的标题约束。没有标题的 不仅语义失效，还会让生成的大纲混乱；而多出一个 ，可能让键盘用户按 Ctrl+Alt+1（跳主内容）时卡住。
