etiqueta section

[andres_aquino]

@mariomon17, te respondo de forma mucho más práctica. Los blogs son un ejemplo bien popular para hacerte entender un poco mejor el uso de estas etiquetas semánticas. Espero poder despejar dudas con el siguiente ejemplo.

1) Uso de <section> como contenedor principal:
En la portada de los blogs, siempre se tiene un listado de los artículos que ahí se postean. Entonces, para hacer uso de semántica harías algo como esto:

Código HTML:

<section id="articulos">
  <article class="post">
    <h1>Título Post 1</h1>
    <p>Contenido Post 1</p>
  </article>
  <article class="post">
    <h1>Título Post 2</h1>
    <p>Contenido Post 2</p>
  </article>
  <article class="post">
    <h1>Título Post N</h1>
    <p>Contenido Post N</p>
  </article>
</section>
 

2) Uso de <article> como contenedor principal:
Ahora bien, con <article> se puede diferentes secciones de un post en particular así como en <section> se tiene listado todos los posts del blog.

Código HTML:

<article id="articulo">
  <section id="introduccion">
    <h1>Título Post N</h1>
    <p>Texto introductorio al Post N, utilizado también para dar una breve reseña en los feeds RSS.</p>
  </section>
  <section id="contenido">
    <p>Contenido del Post N</p>
  </section>
  <section id="autor">
    <h1>Nombre del Autor</h1>
    <p>Descripción del Autor</p>
    <p>Formalidades del Copyright/Copyleft.</p>
  </section>
</article>
 

En fin, esto es un ejemplo a modo de respuesta y claro ejemplo (valga la redundancia) para que pueda esclarecerse algunas cosas. Lo más recomendable, obviamente, es leer documentación no solo acerca del uso de cada etiqueta, sino acerca del significado semántico que cada etiqueta tiene al hacer uso de ellas en diferentes bloques de información dentro de una web. Hay buena documentación allá afuera en el mar de la W3C y otros cientos de blogs, tanto en inglés como en español.

Espero y haya servido mi pequeñita introducción/documentación

Saludos