HTML <aside> 元素

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

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

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

尝试一下 »

截图

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

特性

内容类别 流式内容，章节内容，可触知内容。
允许的内容 流式内容。
标签省略 不允许，开始标签和结束标签都不能省略。
允许的父元素 任何接受流式内容的元素。注意 <aside> 元素不能是<address> 元素的后代。
允许的 ARIA 角色 feed，note，presentation，region，search
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

相关链接