it-swarm-es.com

¿Cuándo usar el elemento SECTION?

Estoy un poco confundido por el nuevo elemento HTML5, <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?

8
Agos

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

Echa un vistazo a 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>
2
JasonBirch

Creo que encontrarás Sumérgete en HTML5 , un libro en progreso, un gran recurso. Aquí hay una sección relevante sobre cuándo y cómo usar nuevos elementos semánticos . Para su ejemplo, creo que puede omitir la etiqueta <section>.

4
Virtuosi Media