<section> - HTML（超文本标记语言）编辑

HTML <section>元素表示一个包含在HTML文档中的独立部分，它没有更具体的语义元素来表示，一般来说会有包含一个标题。

例如，导航菜单应该包含在<nav>元素中，但搜索结果列表和地图显示及其控件没有特定元素，可以放在<section>里。

注意：如果元素的内容作为一个独立的有意义的集合，<article>元素可能是更好的选择。

内容分类	Flow content, Sectioning content, palpable content.
允许的内容	Flow content.
标签省略	不允许，开始标签和结束标签都不能省略。
允许的父元素	Any element that accepts flow content. Note that a `<section>` element must not be a descendant of an `<address>` element.
允许的 ARIA roles	`alert`, `alertdialog`, `application`, `banner`, `complementary`, `contentinfo`, `dialog`, `document`, `feed`, `log`, `main`, `marquee`, `navigation`, `search`, `status`, `tabpanel`
DOM 接口	`HTMLElement`

属性

此元素只包含全局属性

一般通过是否包含一个标题 (<h1>-<h6> element) 作为子节点来辨识每一个<section>。
如果 <section> 元素的内容可以单独在多个媒体上发表，应该使用 <article> 而不是 <section>。
不要把 <section> 元素作为一个普通的容器来使用，这是本应该是<div>的用法（特别是当片段（the sectioning ）仅仅是为了美化样式的时候）。一般来说，一个 <section> 应该出现在文档大纲中。

<div>
  <h1>Heading</h1>
  <p>Bunch of awesome content</p>
</div>

<section>
  <h1>Heading</h1>
  <p>Bunch of awesome content</p>
</section>

<div>
  <h2>Heading</h2>
  <img src="bird.jpg" alt="bird">
</div>

<section>
  <h2>Heading</h2>
  <img src="bird.jpg" alt="bird">
</section>

规范	状态	注释
HTML Living Standard <section>	Living Standard
HTML 5.1 <section>	Recommendation
HTML5 <section>	Recommendation

BCD tables only load in the browser

需要登录才能够评论，你可以免费注册一个本站的账号。

列表为空，暂无数据

浏览：76 次

字数：9241

最后编辑：7 年前

编辑次数：0 次