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?

Agos
la source

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>
JasonBirch
la source
4

Je pense que vous trouverez Dive Into HTML5 , un livre en cours, une excellente ressource. Voici une section pertinente sur quand et comment utiliser de nouveaux éléments sémantiques . Pour votre exemple, je pense que vous pourrez peut-être omettre la <section>balise.

Virtuosi Media
la source
+1 merci pour l'article sur les éléments sémantiques. Facile à lire.
Saif Bechan