HTML <aside> 元素

HTML <aside> 元素表示文档的一部分,其内容与文档的主要内容相连(通常表示为侧栏)。

使用 <aside> 元素作为内容的一部分:

<article>
  <p>今年夏天,我和我的家人到了未来世界。</p>
  
  <aside>
    <h4>未来世界</h4>
    <p>未来世界是佛罗里达州迪士尼世界的主题公园。</p>
  </aside>
</article>

尝试一下 »

截图

使用 <aside> 元素作为内容的一部分

特性

内容类别 流式内容章节内容可触知内容
允许的内容 流式内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受流式内容的元素。注意 <aside> 元素不能是<address> 元素的后代。
允许的 ARIA 角色 feednotepresentationregionsearch
DOM 接口 HTMLElement

属性

该元素包含全局属性

事件属性

<aside> 元素支持 HTML 的事件属性

使用注意

  • 不要使用 <aside> 元素标记括号文本,因为这种文本被认为是主内容的一部分。
  • <aside> 的内容应该与附近的内容相关,如可用作文章的侧栏。

更多实例

使用 <aside> 元素的更详细的例子:

<article>
  <p>
    迪士尼电影<em>小美人鱼</em>是 1989 年在剧院初次发行的。
  </p>
  <aside>
    <p>
      这部电影在初次发行时获得了 8700 万美元。
    </p>
  </aside>
  <p>
    有关电影的更多信息...
  </p>
</article>

尝试一下 »

截图

使用 <aside> 元素的更详细的例子

规范

规范 状态 备注
HTML Living Standard
<aside> 的定义
现行的标准 -
HTML5
<aside> 的定义
推荐 -

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 5 支持 4 9 11.1 4.1

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 4 9 11 4.2

相关链接