aside是语义标签而非布局工具，必须配合css（如flex或grid）实现侧边栏视觉效果；其嵌套位置决定语义范围，删除后主内容须仍完整自洽，小屏需响应式下移且禁用display:none。
aside 是唯一专为侧边栏设计的语义化标签，不是可选，而是标准解法。
什么时候必须用 aside 而不是 div
当侧边栏内容与主内容相关但非核心时，比如“相关文章”“作者简介”“广告位”“目录导航”，就该用 aside。它明确告诉浏览器和屏幕阅读器：“这部分可以被跳过，不影响主信息理解”。
如果只是单纯做布局占位、无实际语义（例如一个纯装饰性空容器），才考虑 div。
常见错误是把整个侧边栏外层套个 div，里面再塞 nav 或 ul——这等于放弃语义，只留样式。
aside 里要不要嵌套 nav
要看里面放的是不是导航链接：
• 如果是“本页目录”“跳转到章节”这类内部导航，aside 内部应包一层 nav，因为功能是导航；
• 如果是“推荐文章列表”“最新评论”，那就直接用 ul 或 section，不加 nav；
• 混合内容（如既有目录又有广告）建议拆成多个 aside，或用 section 区分区块，避免语义污染。
CSS 固定定位时，aside 的结构位置会影响渲染吗
会，而且很关键：
• aside 必须和 main 处于同一 DOM 层级（同为 body 直接子元素，或同为某个容器的子元素），否则 flex/grid 布局可能失效；
• 不要把它写在 main 内部，否则语义上变成“主内容的附属”，而它本应是与主内容并列的辅助区域；
• 示例结构应为：
<main>…</main><br><aside>…</aside>而不是
<main><aside>…</aside></main>；
• 若用 CSS
position: fixed，aside 需脱离文档流，此时务必设置 top/left 和宽度，否则可能重叠或塌陷。
容易忽略的一点：aside 不代表视觉上必须在右侧——它的语义是“辅助性”，而非“右边那个栏”。哪怕你用 CSS 把它移到顶部或底部，只要内容性质没变，仍该用它。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
