HTML 中文开发手册
简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
directory search
Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp

©
This document uses PHP Chinese website manual Release

characters

HTML Section 元素 表示包含在HTML文件中的功能性的独立的部分，通常具有一个标题，它不必代表它的更具体的语义单元。

举个例子，导航菜单应该包装在一个<nav>元素中，但是一个搜索结果列表和一个地图显示及其控件没有具体的元素，可以放在一个<section>。

内容类别

Flow content, Sectioning content, palpable content.

允许的内容


Flow content.

标记遗漏

没有，起始和结束标签都是强制性的。

允许父母

任何接受

Flow content 的元素。请注意，<section>元素不能是<address>元素的后代。

允许ARIA角色

alert, alertdialog, application, banner, complementary, contentinfo, dialog, document, feed, log, main, marquee, navigation, search, status, tabpanel

DOM界面

HTML元素

属性

这个元素只包含全局属性。

使用说明

  • 每一个都<section>应该被识别出来，通常包括一个标题（<h1>- <h6>元素）作为元素的一个子<section>元素。

  • 如果单独联合一个<section>元素的内容是有意义的，请改用一个<article>元素。

  • 不要将该<section>元素用作通用容器; 这是为什么<div>，特别是当切片只是为了造型的目的。经验法则是一个部分应逻辑地出现在文档的大纲中。

例1

Before

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

After

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

例2

Before

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

After

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

规范

Specification

Status

Comments

HTML Living StandardThe definition of '<section>' in that specification.

Living Standard


HTML 5.1The definition of '<section>' in that specification.

Recommendation


HTML5The definition of '<section>' in that specification.

Recommendation


浏览器兼容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

5

(Yes)

4

9

11.1

4.1

Feature

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

Basic Support

(Yes)

(Yes)

(Yes)

4

9

11

4.2

Previous article： Next article：