Elementul HTML <section> reprezintă o secțiune de funcționalitate independentă conținută într-un document HTML, de obicei cu un titlu, care nu are un element semantic mai specific pentru a-l reprezenta.

De 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 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

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic Support5 (Yes)4911.14.1
FeatureAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Basic Support (Yes) (Yes) (Yes)49114.2

Vezi și

Document Tags and Contributors

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