<aside> HTML 元素用于表示文档中内容仅与主内容间接相关的部分。通常以侧边栏或提示框的形式呈现。

{{InteractiveExample("HTML Demo: <aside>", "tabbed-standard")}}

```html interactive-example

蝾螈是两栖动物的一种，其外形类似蜥蜴，包括幼体和成体的短腿和尾巴。

有几种蝾螈栖息在太平洋西北部的温带雨林中，其中包括恩萨蒂娜蝾螈、西北蝾螈和粗皮蝾螈。大多数蝾螈都是夜间活动，捕食昆虫、蠕虫和其他小生物。 


```css interactive-example
aside {
  width: 40%;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  float: right;
  box-shadow: inset 5px 0 5px -5px #29627e;
  font-style: italic;
  color: #29627e;
}

aside > p {
  margin: 0.5rem;
}

属性

这个元素只包含全局属性。

使用说明

  • 不要使用 <aside> 元素来标记括号内的文本，因为这种文本被视为正文的一部分。

示例

使用 \

<

aside>

此示例使用 <aside> 标签来标记文章中的一个段落。该段落与文章的主要内容仅存在间接关联：

<article>
  <p>迪士尼电影<cite>《小美人鱼》</cite>于 1989 年首次在院线上映。</p>
  <aside>
    <p>电影在上映初期就获得了 8700 万美元的票房收入。</p>
  </aside>
  <p>关于电影的更多信息……</p>
</article>

结果

{{EmbedLiveSample("使用_aside")}}

技术概要

内容分类 流式内容、分段内容、可感知内容。
允许的内容 流式内容。
标签省略 不允许，开始标签和结束标签都不能省略。
允许的父元素 任何接受流式内容的元素。请注意，<aside> 元素不能是 {{HTMLElement("address")}} 元素的后代。
隐含的 ARIA 角色 complementary
允许的 ARIA 角色 feed、none、note、presentation、region、search
DOM 接口 HTMLElement