<aside>: 侧边栏标签

最后更新：2026-10-13

<aside>侧边栏标签

表示与周围内容间接相关的内容，如侧边栏、注解、引文或广告。

<aside>侧边内容</aside>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<aside>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： aside 不一定在视觉上处于“侧边”，关键是语义上的“附属/补充”关系。

Qaside 和 div 有什么区别？

A<aside> 有明确语义：「与主内容间接相关的部分」（侧栏、广告位、名词解释、相关推荐）；<div> 无任何语义。判断标准：把这段内容删掉，主内容是否依然完整？完整就适合用 aside。

Qaside 应该放在 article 里面还是外面？

A都合法，含义不同：放在 <article> 内是「与该文章相关的补充」（如文中引注、术语解释）；放在外面是「与页面整体相关的补充」（如站点侧栏）。按内容归属决定层级。

Qaside 适合放导航吗？

A站点级侧边导航更适合用 <nav> 承担。<aside> 适合放与主内容弱相关的非导航内容，如目录、标签云、推荐阅读——它们是「补充」而非「导航」。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。