aside是语义标签，表示与主内容弱关联且可移除的附属信息，不影响主体逻辑完整性；浏览器不提供默认样式，布局需CSS实现，嵌套位置决定语义范围。
直接记住所有语义化标签没意义，真正该做的是：在需要表达某类内容意图时，能立刻反应出「哪个标签最贴切」。不常用的标签（比如 aside、figure、time）往往只在特定场景下才该用，强行套用反而破坏语义。
什么时候该用 aside？不是“侧边栏”就一定对
aside 的本质是「与主内容相关但可独立存在」的辅助信息，不是视觉位置决定的。常见误用是把 CSS 浮动出来的右栏一律塞进 aside。
- ✅ 正确场景：博客文章末尾的「作者简介」、新闻正文旁的「背景知识卡片」、技术文档里的「兼容性说明」
- ❌ 错误场景：纯导航菜单（该用
nav）、广告横幅（更适合section+aria-label）、页脚链接列表（该用footer） - ⚠️ 注意：
aside可以嵌套在article内，此时它只对该文章生效；若放在body一级，则属于整页的辅助内容
figure 和 figcaption 不只是给图片用的
很多人以为 figure 就是 img 的容器，其实它的语义是「一个自包含的流内容单元，通常带有标题」。图表、代码块、引用、甚至一段带说明的音频，都适用。
- ✅ 正确示例：
<figure> <pre><code>console.log("hello");</code></pre> <figcaption>JavaScript 控制台输出示例</figcaption> </figure> - ❌ 常见错误：把没有说明文字的图硬加空
figcaption，或把多张图拼在一个figure里（每张图应各自独立） - ? 提示：
figcaption必须是figure的第一个或最后一个子元素，否则语义失效
time 标签的关键是机器可读的时间值
time 不是为了让时间看起来更漂亮，而是为了让浏览器、搜索引擎、屏幕阅读器能准确识别时间含义。光写「2026年8月」没用，必须提供 datetime 属性。
立即学习“前端免费学习笔记（深入）”；
- ✅ 正确写法：
<time datetime="2026-08-25">今天</time>或<time datetime="2026-08-25T21:18">刚刚</time> - ❌ 错误写法：
<time>八月二十五号</time>（无datetime，机器无法解析） - ⚠️ 注意：日期格式必须符合 ISO 8601（如
YYYY-MM-DD），否则部分辅助技术会忽略该标签
真正难的不是记标签名，而是判断内容是否构成一个「有明确边界和独立语义的单元」。遇到拿不准时，问自己一句：如果去掉样式、只靠结构朗读，这段内容是否还能被正确归类？
