Quand utiliser l'élément SECTION?


8

Je suis un peu confus par le nouvel élément HTML5, <section>. Quelle est la bonne façon de l'utiliser?
Considérez ce schéma:

<article>
  <header>
    <h2>Title</h2>
    <p>Spiffy tagline</p>
  </header>
  <section>
    <p>My content! BLA BLA BLA YADDA YADDA</p>
    <p>Some more content!</b>
  </section>
</article>

Est-ce que ça fait du sens?
Et si j'avais des articles plus petits, avec juste un titre et un bref texte? Serait-ce (sémantiquement, selon les spécifications, etc.) d'omettre le section?

Réponses:


2

Si vous n'avez pas besoin de sections (avez de petits articles), vous pouvez simplement utiliser une <article>entité nue autour de votre contenu. Et lorsque vous ne le faites pas, la section peut encapsuler des sous-titres et des paragraphes dans ces sections.

Consultez les spécifications de la section html5 .

Exemple:

<header>
  <h1>Blog Posts</h1>
</header>
<article>
  <header>
    <h1>Article Header</h1>
    <h2>My Awesome Stuff!</h2>
  </header>
  <p>My content! BLA BLA BLA YADDA YADDA</p>
  <p>Some more content!</b>
</article>
<article>
  <header>
    <h1>Article 2 Header</h1>
    <h2>More of My Awesome Stuff!</h2>
  </header>
  <section>
    <header>
      <h1>Getting started</h1>
    </header>
    <p>Getting started text</p>
  </section>
  <section>
    <header>
      <h1>Now you're underway</h1>
    </header>
    <p>Underway text</p>
  </section>
  <section>
    <header>
      <h1>Wrapping up</h1>
    </header>
    <p>Wrapping up text</p>
  </section>
</article>

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.