<aside> 标签是HTML5中用于定义与页面主要内容相关但可以被视为独立的一部分的元素。通常,<aside> 元素包含的内容可以是侧边栏、广告、引用、导航链接、相关文章或其他类似的辅助信息。这些内容在视觉上可能与主要内容有所分离,但它们在语义上与主要内容相关联。

以下是一个简单的 <aside> 标签的示例:
<article>
  <h2>文章标题</h2>
  <p>文章的主要内容...</p>
  <aside>
    <h3>相关链接</h3>
    <ul>
      <li><a href="related1.html">相关文章 1</a></li>
      <li><a href="related2.html">相关文章 2</a></li>
      <li><a href="related3.html">相关文章 3</a></li>
    </ul>
  </aside>
</article>

在这个例子中,<article> 包含了一篇文章的主要内容,而 <aside> 包含了与该文章相关的链接。这些链接被视为辅助信息,可能对读者感兴趣,但并非文章的核心内容。

使用 <aside> 的目的是为了更好地组织页面,并使辅助信息与主要内容有明确的关联。浏览器、搜索引擎和辅助技术可以利用这些语义标记来更好地理解页面的结构。


转载请注明出处:http://www.zyzy.cn/article/detail/3818/HTML