什么是<aside>标签 & 为什么我们需要它？

简介

<aside>标签是HTML5中的一个标签，表示从主要内容分离出来的部分，通常用于引用、侧边栏、广告等辅助信息的展示。它是一个块级元素，可以包含其他HTML元素，如段落、标题、图像等。

用法

<aside>标签通常与<article>标签、<section>标签等一起使用，同时还可以与其他HTML元素结合使用。它的语法格式如下：

<aside>
    <!-- 辅助信息 -->
</aside>

优点

使用<aside>标签可以将与主要内容无关的内容从主要内容中分离出来，从而更好地展示主要内容，提高用户体验。此外，<aside>标签还有以下好处：

1. 提高可访问性：<aside>标签可以为屏幕阅读器等辅助工具提供更好的语义化支持。
2. 提高SEO效果：使用<aside>标签可以为搜索引擎提供更好的信息，从而提高网页的SEO效果。

例子

以下是一个简单的应用<aside>标签的例子：

<article>
    <h2>新冠疫情</h2>
    <p>新冠疫情已经持续了一年多，给全球带来了不可估量的破坏。</p>
    <aside>
        <h3>防疫知识</h3>
        <ul>
            <li>勤洗手</li>
            <li>戴口罩</li>
            <li>保持社交距离</li>
        </ul>
    </aside>
</article>

在这个例子中，<aside>标签包含了与主要内容无关的防疫知识，从而更好地展示了主要内容“新冠疫情”的信息。