¿Cuándo usar el elemento SECTION?


8

Estoy un poco confundido por el nuevo elemento HTML 5, <section>. ¿Cuál es la forma correcta de usarlo?
Considere este esquema:

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

¿Tiene sentido?
¿Qué pasaría si tuviera artículos más pequeños, con solo un título y un breve texto? ¿Sería (semánticamente, en cuanto a especificaciones, etc.) omitir el section?

Respuestas:


2

Si no necesita secciones (tenga artículos pequeños), puede usar una <article>entidad desnuda alrededor de su contenido. Y cuando no lo hace, la sección puede incluir subtítulos y párrafos en esas secciones.

Consulte las especificaciones de la sección html5 .

Ejemplo:

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

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.