?
Ce document utilise Manuel du site Web PHP chinois Libérer
HTML Section 元素 表示包含在HTML文件中的功能性的獨立的部分，通常具有一個標題，它不必代表它的更具體的語義單元。
舉個例子，導(dǎo)航菜單應(yīng)該包裝在一個<nav>元素中，但是一個搜索結(jié)果列表和一個地圖顯示及其控件沒有具體的元素，可以放在一個<section>。
內(nèi)容類別 | Flow content, Sectioning content, palpable content. |
|---|---|
允許的內(nèi)容 | Flow content. |
標記遺漏 | 沒有，起始和結(jié)束標簽都是強制性的。 |
允許父母 | 任何接受 Flow content 的元素。請注意，<section>元素不能是<address>元素的后代。 |
允許ARIA角色 | alert, alertdialog, application, banner, complementary, contentinfo, dialog, document, feed, log, main, marquee, navigation, search, status, tabpanel |
DOM界面 | HTML元素 |
屬性
這個元素只包含全局屬性。
使用說明
每一個都
<section>應(yīng)該被識別出來，通常包括一個標題（<h1>-<h6>元素）作為元素的一個子<section>元素。
如果單獨聯(lián)合一個
<section>元素的內(nèi)容是有意義的，請改用一個<article>元素。
不要將該
<section>元素用作通用容器; 這是為什么<div>，特別是當切片只是為了造型的目的。經(jīng)驗法則是一個部分應(yīng)邏輯地出現(xiàn)在文檔的大綱中。
例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>
規(guī)范
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 |