aside标签表达“附属”而非“次要”,指内容服务于主文、可移除而不破坏逻辑主线,语义核心是弱关联性与上下文补充关系,优先级由嵌套位置和内容实质共同决定。

语义优先级:弱关联性,非低权重
aside 的语义核心是“与当前上下文存在逻辑补充关系,但独立存在不影响主体完整性”。搜索引擎会适度降低其文本权重,但并非忽略;读屏器会提示“附属内容”,供用户选择跳过,而非默认屏蔽。
这种优先级不是由标签名决定的,而是由嵌套位置和内容实质共同确立:
- 放在
<article></article>内部的 aside,语义范围仅限于该文章,补充信息(如作者简介、术语解释)与正文形成强上下文绑定 - 放在
直接子级的 aside,会被理解为全页级附属内容(如右侧工具栏),实际中极少使用,且需确保内容确实服务整页主逻辑 - 同一页面多个 aside 可共存,各自承担不同补充角色(如一个放参考资料,一个放延伸阅读),彼此不共享语义层级
判断是否该用 aside 的关键问题
不是问“它重不重要”,而是问:
- 这段内容抽掉后,主文是否依然能自洽传达核心观点?
- 它是否只在当前语境下才有意义?(例如某篇教程旁的“兼容性说明”,换到另一篇就失效)
- 它能否被单独提取、复用或归档,而不依赖主文结构?
常见高优先级补充内容(适合 aside)
这些内容虽非主线,但对理解有实质性支撑,语义优先级清晰:
- 技术文档中穿插的「浏览器兼容性表格」
- 新闻稿旁的「事件时间线」或「涉事人物简介」
- 博客文章末尾的「本文参考文献」或「同类主题延伸阅读」
- 教程代码块旁的「注意事项」或「小贴士」
容易误判为“补充”实则属于主内容的部分
以下内容即使视觉上靠边,也不该放进 aside:
- 直接解释紧邻段落的注释文字(应内联或作为
<details></details>) - 产品页中影响购买决策的「参数对比表」(若为核心卖点,则属主内容)
- 法律声明摘要(若为强制披露项,应置于
<section></section>或<footer></footer>)











