<aside>
版本:HTML5
HTML<aside>元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分,,并且可以被单独的拆分出来,而不会使整体受影响。其通常表现为侧边栏或者标注框(call-outboxes)。
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持<aside>标签。 | ||||
注释:IE 8 或更早版本的 IE 浏览器不支持<aside>标签。 | ||||
示例
<article>
<p>
迪斯尼电影<cite>海的女儿</cite>(<cite>the little mermaid</cite>)于 1989 年首次登上银幕。
</p>
<aside>
在首次发行期间,该片便收获了 8700 万美元的票房。
</aside>
<p>
更多有关该电影的信息…
</p>
</article>
标签定义
<aside>标签定义<article>标签外的内容。<aside>的内容可用作文档的侧栏。<aside>的内容应该与附近的内容相关。
| 内容分类 | 流式元素,章节元素,可触摸内容. |
|---|---|
| 允许的内容 | 流式元素. |
| 标签省略 | 不允许,开始标签和结束标签都不能省略。 |
| 允许的父元素 | 所有元素接受流式元素。注意<aside>不能是<address>元素的后代 |
| 允许的ARIA角色 | feed,note,presentation,region,search |
| DOM 接口 | HTMLElement |
HTML 4.01 与 HTML 5 之间的差异
<aside>标签是 HTML 5 的新标签。
属性
此元素只有全局属性。
全局属性
<aside>标签支持HTML 的全局属性。
事件属性
<aside>标签支持HTML 的事件属性。
例子
<p>my family and i visited the epcot center this summer.</p> <aside> <h4>epcot center</h4> <p>the epcot center is a theme park in disney world, florida.</p> </aside>





