<section>: The Generic Section element

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
sectionChrome 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 YesFirefox Android Full support 4Opera Android Full support 11.1Safari iOS Full support 4.2Samsung Internet Android Full support Yes

Legend

Full support  
Full support

Lásd még

Kapcsolódó témák
  1. HTML Elements
    1. A
      1. <a>
      2. <abbr>
      3. <acronym>
      4. <address>
      5. <applet>
      6. <area>
      7. <article>
      8. <aside>
      9. <audio>
    2. B
      1. <b>
      2. <base>
      3. <basefont>
      4. <bdi>
      5. <bdo>
      6. <bgsound>
      7. <big>
      8. <blink>
      9. <blockquote>
      10. <body>
      11. <br>
      12. <button>
    3. C
      1. <canvas>
      2. <caption>
      3. <center>
      4. <cite>
      5. <code>
      6. <col>
      7. <colgroup>
      8. <content>
    4. D
      1. <data>
      2. <datalist>
      3. <dd>
      4. <del>
      5. <details>
      6. <dfn>
      7. <dialog>
      8. <dir>
      9. <div>
      10. <dl>
      11. <dt>
    5. E
      1. <em>
      2. <embed>
    6. F
      1. <fieldset>
      2. <figcaption>
      3. <figure>
      4. <font>
      5. <footer>
      6. <form>
      7. <frame>
      8. <frameset>
    7. G H
      1. <h1>
      2. <h2>
      3. <h3>
      4. <h4>
      5. <h5>
      6. <h6>
      7. <head>
      8. <header>
      9. <hgroup>
      10. <hr>
      11. <html>
    8. I
      1. <i>
      2. <iframe>
      3. <img>
      4. <input>
      5. <ins>
      6. <isindex>
    9. J K
      1. <kbd>
      2. <keygen>
    10. L
      1. <label>
      2. <legend>
      3. <li>
      4. <link>
      5. <listing>
    11. M
      1. <main>
      2. <map>
      3. <mark>
      4. <marquee>
      5. <menu>
      6. <menuitem>
      7. <meta>
      8. <meter>
    12. N
      1. <nav>
      2. <nobr>
      3. <noframes>
      4. <noscript>
    13. O
      1. <object>
      2. <ol>
      3. <optgroup>
      4. <option>
      5. <output>
    14. P
      1. <p>
      2. <param>
      3. <picture>
      4. <plaintext>
      5. <pre>
      6. <progress>
    15. Q
      1. <q>
    16. R
      1. <rp>
      2. <rt>
      3. <rtc>
      4. <ruby>
    17. S
      1. <s>
      2. <samp>
      3. <script>
      4. <section>
      5. <select>
      6. <shadow>
      7. <slot>
      8. <small>
      9. <source>
      10. <spacer>
      11. <span>
      12. <strike>
      13. <strong>
      14. <style>
      15. <sub>
      16. <summary>
      17. <sup>
    18. T
      1. <table>
      2. <tbody>
      3. <td>
      4. <template>
      5. <textarea>
      6. <tfoot>
      7. <th>
      8. <thead>
      9. <time>
      10. <title>
      11. <tr>
      12. <track>
      13. <tt>
    19. U
      1. <u>
      2. <ul>
    20. V
      1. <var>
      2. <video>
    21. W
      1. <wbr>
    22. X Y Z
      1. <xmp>