Quando utilizzare l'elemento SECTION?


8

Sono un po 'confuso dal nuovo elemento HTML5, <section>. Qual è il modo corretto di usarlo?
Considera questo schema:

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

Ha senso?
E se avessi articoli più piccoli, con solo un titolo e un breve testo? Sarebbe (semanticamente, per quanto riguarda le specifiche, ecc.) Omettere il section?

Risposte:


2

Se non hai bisogno di sezioni (hanno piccoli articoli) puoi semplicemente usare <article>un'entità nuda attorno ai tuoi contenuti. E quando non lo fai, la sezione può racchiudere sottotitoli e paragrafi in quelle sezioni.

Dai un'occhiata alle specifiche della sezione html5 .

Esempio:

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

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.