应优先用 标签标记与主内容相关但可独立存在的辅助信息，如延伸阅读、术语解释、背景卡片等；它语义清晰、无障碍友好、seo 可识别，且不限于侧边栏，可嵌入文章任意位置。
补充说明和备注这类内容，优先用 <aside></aside>，而不是 <div> 或 <code><span></span> —— 它专为“与主内容相关但可独立存在”的辅助信息而设计，语义清晰、无障碍友好、SEO 可识别。
什么时候该用 <aside></aside>
当一段文字不是主内容的一部分，但又和当前上下文有关联时，比如：
- 文章末尾的“延伸阅读”或“参考资料”列表
- 侧边栏里的作者简介、相关推荐、术语解释框
- 技术文档中某段代码旁的注意事项（如“⚠️ 仅适用于 Chrome 120+”）
- 新闻正文右侧的背景知识卡片（如“什么是碳关税？”）
注意：<aside></aside> 不等于“不重要”，而是“非主线但有上下文价值”。如果备注是强制用户必须读的警告（比如表单提交前的必填提示），反而更适合用 <small></small> 或带 role="alert" 的 <div>。
<h3>
<code><aside></aside> 和 <section></section> 容易混淆的点
两者都表示区块，但语义不同：
-
<section></section>是主内容流中的一个逻辑章节（比如“安装步骤”“性能对比”），必须有标题（<h2></h2>等），且对理解主线不可或缺 -
<aside></aside>可以没有标题，删掉也不影响主内容完整性；它甚至可以放在<main></main>外（如全局侧边栏） - 嵌套关系上：
<aside></aside>能出现在<article></article>内部（表示该文章的注释），也能在直接子级（表示全站侧边栏）；但不应把<section></section>当作备注容器滥用
替代方案及适用边界
不是所有备注都适合 <aside></aside>，得看位置和作用：
- 行内补充（如括号里的缩写解释）：用
<abbr title="Cascading Style Sheets">CSS</abbr>，比<span></span>更语义 - 视觉上弱化的次要信息（如版权页脚里的“最后更新：2026-08-25”）：用
<small></small>，它明确表示“细小字体的附属内容”，浏览器默认样式也匹配 - 需要屏幕阅读器优先播报的警告/提示：用
<div role="note"> 或 <code><div aria-live="polite">，<code><aside></aside>本身不触发实时通告 - 纯样式需求（比如加个灰色小字备注）：仍可用
<span></span>，但要加aria-label或注释说明用途，避免语义丢失
真正容易被忽略的是：很多人把 <aside></aside> 当成“侧边栏专用”，其实它在文章段落中间插入一个术语框也是完全合法的——只要那段话不是主线推进所必需的，就是它的主场。
