HTML5 – Etiqueta Article

El elemento article es otra de las nuevas etiquetas de HTML5. En la especificación de HTML5 se encuentra dentro del grupo de elementos que tienen por finalidad definir secciones, donde también se encuentran elementos como header, hgroup, section, footer, etc. (elementos de sección). Tiene un valor semántico principalmente.

Ahora mismo existe mucha confusión con el elemento section. Durante los tres próximos artículos intentaré explicar estos dos elementos, sus diferencias y cual sería la forma más adecuada de utilizar cada uno de estos elementos.

Definiendo el Elemento

Si leemos la especificación del elemento article , nos dice:

“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.”

Especificación WHATWG

Esta definición viene decir que el elemento article deberá utilizarse cuando se tenga un contenido que sea independiente, distribuible o reusable, es decir, cuando al mover el contenido a otro lugar de la página, a otra página distinta o se quite, no afecte al resto de la página. Un ejemplo podría ser esta de entrada de mi blog, es un contenido totalmente independiente del resto del blog, el cual podemos reutilizar en otras páginas o incluso llevarlo a otro blog distinto y el blog seguiría teniendo el mismo significado. Otro ejemplos que se ponen en la definición del elemento serían las noticias de un periódico o una revista, un comentario en una entrada de un blog, un widget o un gadget iterativo, etc. Un ejemplo sencillo podría ser el siguiente:

[html]

HTML5 – Etiqueta Article

El elemento article es otra de las nuevas etiquetas de HTML5….


[/html]

Cuando se anidan distintos elementos article, el elemento interior está relacionado con el que lo contiene. Un ejemplo de esta forma de utilizar este elemento seria la entrada de un blog y sus comentarios, los cuales son independientes unos de otros.

[html]

HTML5 – Etiqueta Article

El elemento article es otra de las nuevas etiquetas de HTML5….

Deja tus comentarios:

Luis dijo:

Buen articulo, …

Borja dijo:

Buen articulo, …

[/html]

Qué Puede Contener

Los elementos article deberían tener principalmente un título y podría tener un footer (con la fecha de publicación, el autor o cualquier otra información adicional) y un cuerpo con el detalle.

Article y el SEO

De cara al SEO el elemento article es probablemente uno de los más importantes de HTML5, ya que nos permite indicar cual es el contenido de una página web. Un potencial cambio en la indexación de los motores de búsqueda es que los motores de búsqueda puedan dar más peso al contenido del elemento article con respecto al resto de contenidos de la página.