HTML <aside> 标签

<aside> 标签用于定义页面的侧边栏内容，通常用于包含与主要内容相关但又不是必需的信息。在页面布局中，<aside> 元素通常会被放置在主要内容区域的旁边，或者作为页面的侧边栏显示。

语法

<aside>
    <!-- 侧边栏内容 -->
</aside>

属性

• align: 用于设置侧边栏内容的对齐方式，可取值为 left、right 或 center。
• class: 用于指定元素的类名，方便通过 CSS 进行样式控制。
• id: 用于指定元素的唯一标识符，方便通过 JavaScript 进行操作。

示例

<aside>
    <h2>相关文章</h2>
    <ul>
        <li><a href="#">文章1</a></li>
        <li><a href="#">文章2</a></li>
        <li><a href="#">文章3</a></li>
    </ul>
</aside>

在上面的示例中，<aside> 标签用于显示一个包含相关文章链接的侧边栏内容。这样的设计可以帮助用户更方便地浏览与当前页面主题相关的其他内容。

<aside> 标签的使用可以使页面结构更清晰，提高用户体验，同时也有利于搜索引擎对页面内容的理解和索引。在设计网页布局时，合理使用 <aside> 标签可以让页面内容更加丰富多彩，给用户带来更好的阅读体验。