Elementul HTML <section> reprezintă o secțiune independentă — care nu are un element semantic mai specific pentru a-l reprezenta —conținută într-un document HTML. De obicei, dar nu întotdeauna, secțiunile au un titlu.

Ca un exemplu, un meniu de navigare trebuie să fie în interiorul unui element <nav>, dar o listă cu rezultatele căutării și o hartă cu comenzile sale nu au elemente specifice, și ar putea fi incluse în interiorul elementului <section>.

Categorii de conținut Flow content, Sectioning content, palpable content.
Conținut permis Flow content.
Omiterea tagurilor None, both the starting and ending tag are mandatory.
Părinți permiși Orice element care acceptă flow content. Reține că un element <section> nu trebuie să fie descendent al elementului <address>.
Roluri ARIA permise alert, alertdialog, application, banner, complementary, contentinfo, dialog, document, feed, log, main, marquee, navigation, search, status, tabpanel
Interfață DOM HTMLElement

Atribute

Acest element include doar atribute globale.

Note de utilizare

  • Fiecare <section> ar trebui să fie identificat, de obicei prin includerea unui titlu (element <h1>-<h6>) ca un copil al elementului <section>.
  • În cazul în care are sens să separi mai departe conținutul unui element <section>, folosește în schimb un element <article>.
  • Nu folosi elementul <section> ca un container generic; pentru acest lucru este elementul <div>, în special atunci când secționarea este numai pentru scopuri de stilizare. O regulă de bază este că o secțiune ar trebui să apară logic în conturul unui document.

Exemplul 1

Înainte

<div>
  <h1>Titlu</h1>
  <p>Un conținut extraordinar</p>
</div>

După

<section>
  <h1>Titlu</h1>
  <p>Un conținut extraordinar</p>
</section>

Exemplul 2

Înainte

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

După

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

Specificații

Specificații Stare Comentarii
HTML Living Standard
The definition of '<section>' in that specification.
Living Standard  
HTML 5.1
The definition of '<section>' in that specification.
Recommendation  
HTML5
The definition of '<section>' in that specification.
Recommendation  

Compatibilitate browsere

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome Full support 5Edge Full support YesFirefox Full support 4IE Full support 9Opera Full support 11.1Safari Full support 4.1WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support 11Safari iOS Full support 4.2Samsung Internet Android Full support Yes

Legend

Full support  
Full support

Vezi și

Document Tags and Contributors

Contributors to this page: afnAndrei, alexandracaulea
Last updated by: afnAndrei,