简介

<aside> 标签用于表示一个与文档主体相关但是又不是其直接内容的部分，可以理解为附属于主体的侧边栏或者注释，它通常用于包含侧边栏、广告、文章的友情链接、零散的笔记或者其他类似的内容，可以被视为其所处的文档部分的附属内容。该标签通常呈现在页面的侧边、底部或顶部。

语法

<aside>
  <!-- 侧边栏或者其他内容 -->
</aside>

特点

• 与页面主体之间有关联但不是主体内容的信息应该放置在 <aside> 元素中
• <aside> 元素不应该包含只适用于主体或者网站其余部分的信息
• 如果 <aside> 元素被移除，其中的信息应该不会影响页面的可读性，这意味着你不应该在其中放置关键信息
• 可以将多个 <aside> 元素组合在一起，以表示文档中多个关联但独立的附属信息区
• 该标签需要HTML5的支持

示例

<article>
  <h1>HTML语言入门</h1>
  <p>本文是关于HTML语言的介绍……</p>
  <aside>
    <h2>相关链接</h2>
    <ul>
      <li><a href="#">W3C</a></li>
      <li><a href="#">MDN Web Docs</a></li>
    </ul>
  </aside>
</article>

结论

<aside> 标签用于在文档中添加侧边栏、零散的笔记、广告链接等相关但不是主体内容的信息，它有助于提供更好的用户体验、提高网页内容的可读性和互动性，但是需要注意不要在其中添加过多的内容，以免干扰主体内容的阅读。