aside 表示与父级内容相关但可独立存在的附属内容，强调逻辑关联而非位置或重要性；其内容须能被提取、重用或省略而不影响主文连贯性，且语义由结构决定而非视觉布局。
aside 标签并不表示“次要内容”，而是表示与当前上下文相关但可独立存在的内容。它的语义核心在于“附属关系”，而非重要性排序。
关联性取决于上下文，不是固定位置或主题
aside 可以包裹侧边栏导航、术语解释、人物简介、引用来源、补充数据图表等——只要这些内容在逻辑上服务于它所依附的父级内容（如 article、section 或整个 body），就符合语义要求。例如，在一篇介绍量子计算的文章中，一个关于“薛定谔”的简短生平卡片放在文章中间作为 aside，是因为它帮助读者理解文中提到的思想实验，而非因为它出现在右侧。
脱离上下文后仍具完整意义
aside 内容应能单独被提取、重用或省略，而不破坏主内容的连贯性。比如：
- 一篇食谱中的“营养成分表”可作为 aside，因为去掉它，步骤说明依然成立；
- 博客文章末尾的“作者其他相关文章推荐”是 aside，因它不参与本文论证主线；
- 但若某段代码注释直接解释了紧邻的代码块行为，且移除后导致理解断裂，则它属于主内容的一部分，不应包在 aside 中。
不能仅凭视觉布局判断是否该用 aside
即使 CSS 将某个区块渲染在页面右侧或悬浮显示，也不代表它语义上就是 aside；反之，用 flex 或 grid 把 aside 放在正文下方，只要语义合理，依然正确。浏览器和读屏软件关注的是 HTML 结构关系，而非视觉呈现。
立即学习“前端免费学习笔记（深入）”；
常见误用与修正提示
以下情况通常不该使用 aside：
- 主导航菜单（应使用 nav）；
- 网站页脚信息（应使用 footer）；
- 与当前页面无明确关联的广告或推广模块（缺乏语义关联，建议用 div + ARIA 说明）；
- 作为纯粹的样式容器（如为了 margin 或背景色而套一层 aside）。
不复杂但容易忽略。
