<section>: The Generic Section element

Ugrás:
  1. Attribútumok
  2. Megjegyzések a használathoz
  3. 1. példa
  4. 2. példa
  5. Specifikációk
  6. Böngésző kompatibilitás
  7. Lásd még

Ez a fordítás nem teljes. Kérjük segítsen ezt a cikket lefordítani angolról.

A HTML <section> elem egy olyan önálló rész egy HTML dokumentumon belül, amelynek nem létezik egy azt jobban leíró szemantikai eleme. Egy szekciónak általában van egy fejléce is.

Egy navigációs menüt egy <nav> elembe kellene ágyazni, míg például keresési eredmények egy listáját vagy egy térképet és annak vezérlőit egy <section> elembe, mivel ezeknek nincsenek külön meghatározott, összefoglaló elemei.

Tartalmi kategóriák Folytatólagos tartalom, Szakaszoló tartalom, megfogható tartalom.
Megengedett tartalom Folytatólagos tartalom.
Tag kihagyás None, both the starting and ending tag are mandatory.
Megengedett szülők Bármilyen elem, ami megengedi a folytatólagos tartalmat. Megjegyzendő, hogy egy <section> elem nem lehet egy <address> elem leszármazottja.
Megengedett ARIA szerepek alert, alertdialog, application, banner, complementary, contentinfo, dialog, document, feed, log, main, marquee, navigation, search, status, tabpanel
DOM interfész HTMLElement

Attribútumok

Ez az elem csak a globális attribútumokat tartalmazza.

Megjegyzések a használathoz

  • Minden <section> elemet illene azonosítani egy belőle származtatott cím (heading) elemmel (<h1>-<h6> elemek).
  • Ha érdemes egy <section> elem tartalmát elkülönülten tárolni, illetve megosztani, akkor a <article> elemet használd helyette.
  • Ne használd a <section> elemet általános tárolóként, hiszen arra való a <div>. Különösen igaz ez akkor, ha a részekre osztásnak csak a külalaknál van szerepe. A gyakorlati szabály az, hogy egy <section> elem logikailag kellene, hogy tagolja a dokumentumot.

1. példa

Előtte

<div>
  <h1>Cím</h1>
  <p>Egy rakás klassz dolog</p>
</div>

Utána

<section>
  <h1>Cím</h1>
  <p>Egy rakás klassz dolog</p>
</section>

2. példa

Előtte

<div>
  <h2>Cím</h2>
  <img src="bird.jpg" alt="madár">
</div>

Utána

<section>
  <h2>Cím</h2>
  <img src="bird.jpg" alt="madár">
</section>

Specifikációk

Specifikáció Állapot Tartalom
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  

Böngésző kompatibilitás

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support5 Yes4911.14.1
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes Yes4114.2 Yes

Lásd még

Dokumentum címkék és a közreműködők

Ezen oldal közreműködői: parphis
Utoljára frissítve: parphis,