elementos section anidados HTML5

[hackjose]

Estoy revisando la documentacion de HTML5 y me surgio una dudilla.

Considerando que tenemos una pagina y en esta tenemos los diferentes capitulos de un libro

Es correcto esto

header...

Código HTML:

<section>
  <section>
  <h1>Capitulo 1</h1>
  <p>contenido...</p>
  </section>
 
  <section>
  <h1>Capitulo 2</h1>
  <p>contenido...</p>
  </section>
 
  <section>
  <h1>Capitulo 3</h1>
  <p>contenido...</p>
  </section>
 
  <section>
  <h1>Capitulo 4</h1>
  <p>contenido...</p>
  </section>
</section>
 

El section contenedor seria la seccion generica de contenido y los seccio interiores serian los capitulos del libro.

Espero podamos aprender

Saludos

[ryugen]

Si sería correcto, ese marcado semánticamente es correcto.

Pero creo que sería aún más semántico si utilizas ARTICLE en lugar de SECTION como seccion contenedor, porque si ves la especificacion:

The article element represents a self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.

Fuente: http://www.w3.org/TR/2011/WD-html5-2...rticle-element

En tu caso un libro sería contenido independiente y auto-contenido.

Esa es mi sugerencia

[hackjose]

Ok gracias