Menú
HTML5 (Discusiones entre Article y Section)

HTML5 (Discusiones entre Article y Section)

Mucho se está hablando del futuro de la web con HTML5 y la desaparición de Flash, que, como dice Steve Jobs, pertenece a la era del PC. Pero bueno, eso ya sería entrar en otro tema…

Poco a poco iremos introduciendo novedades y curiosidades respecto a esta revisión del HTML. Aquí os expongo la primera. Espero que la encontréis interesante.

Un aspecto controvertido y que deja alguna que otra duda es la utilización de las etiquetas <section> y <article>. Depende del sitio que consultemos podremos ver que se utilizan ambas de manera muy similar, llevando a veces a confusión. A List A Part, por ejemplo, hace una previsualización del <section> dentro del article. En otros lugares, por el contrario, -y es lo más habitual- aparece el <section> como padre de article. Esto tiene relevancia a la hora de estructurar el contenido, ya que anteriormente tan solo nos preocupábamos por saber qué id íbamos a pasarle a nuestro divisor.

Smashing Magazine nos ofrece un tutorial de cómo maquetar una página con HTML5 partiendo de cero y sigue los principios de HTML5 al considerar la etiqueta <article> de manera mucho más semántica que la etiqueta <section>. Es decir, <section> vendría a ser un divisor, al estilo de la etiqueta <div>, que no te aporta más que una división estructural.

Si nos dirigimos al sitio oficial del W3C no encontraremos información muy precisa, ya que el único dato de valor que aporta es el referente semántico de que <article> puede ser una sección importante y repetida dentro de un sitio, como pueden serlo un post en un fórum, una entrada de blog o una noticia, mientras <section> sería solamente un grupo de contenido similar que, a su vez, puede contener <header> y <footer>.

article_section_html5

A medida que vayan proliferando las páginas escritas en HTML5 se irá clarificando qué uso terminamos por asignar -nosotros, los programadores- a cada una de estas dos etiquetas.