title | slug |
---|---|
<aside> |
Web/HTML/Element/aside |
HTML <aside>
元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者标注框(call-out boxes)。
{{EmbedInteractiveExample("pages/tabbed/aside.html", "tabbed-standard")}}
内容分类 | 流式元素、章节元素、可触摸内容。 |
---|---|
允许的内容 | 流式元素. |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | 所有元素接受流式元素。注意 <aside> 不能是{{HTMLElement("address")}} 元素的后代 |
允许的 ARIA 角色 | feed , note , presentation , region , search |
DOM 接口 | {{domxref("HTMLElement")}} |
此元素只有全局属性。
- 不要使用
<aside>
元素去尾随括号内的文本,因为这种文本被认为是主要流内容的一部分。
<article>
<p>
迪斯尼电影<cite>海的女儿</cite>(<cite>The Little Mermaid</cite>)于 1989
年首次登上银幕。
</p>
<aside>在首次发行期间,该片便收获了 8700 万美元的票房。</aside>
<p>更多有关该电影的信息…</p>
</article>
{{EmbedLiveSample("示例")}}
{{Specifications}}
{{Compat}}
- Others section-related elements: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};
- 使用 HTML 章节与大纲
{{HTMLSidebar}}