Etiqueta < section > HTML5

Anuncio:

<section> es una de las etiquetas nuevas introducidas en HTML5 y su uso es muy importante para una correcta semántica y por tanto para el SEO, de modo que podamos indicar a los buscadores las «secciones» con contenido  de nuestra página. Veamos como usarla.

Un ejemplo básico de uso sería el siguiente:

<section>
<h1>Titulo de la sección</h1>
<p>Este es el contenido de mi sección....</p>
</section>


Normalmente, aunque no es necesario u obligatorio, la estiqueta <section> se usa en conjunto con <article> de modo que un ejemplo un poco más elaborado de uso sería:

<section>
<h1>Título de mi sección</h1>
<article>
<header><h1>Título de mi Artículo</h1></header>
<section>
<p>Texto del artículo</p>
</section>
<footer>Creador del articulo</footer>
</article>
.......
</section>


Un ejemplo de lo anterior más simple podría ser:


<section>
<h1>Título de mi sección</h1>
<article>
<h1>Título de mi Artículo</h1>
<p>Texto del artículo</p>
</article>
.......
</section>


¿Cual es la forma más correcta de usar las nuevas etiquetas de HTML5? Solo hay que actuar con sentido común y hacerlo de la forma más natural posible pues el SEO va en ese camino.

Esperamos que os sea de ayuda.

• HTML5