Emily Lewis: Añadiendo semánticismo con los Microformatos. Introducción

Prefacio

A continuación, he traducido un artículo escrito por Emily Lewis, el 5 de septiembre de 2008 en A Blog Not Limited, su blog personal. Lo he traducido porque me parece realmente interesante y porque es sin duda lo mejor que he encontrado sobre como aplicar microformatos (incluido el wiki oficial), y porque además estoy completamente de acuerdo en casi todo lo que dice, incluso en algunas de las cosas personales que comenta.

También me ha motivado a escribirlo el hecho de que al buscar la forma de aplicar ciertos microformatos “complejos” como hAtom al desarrollar el front-end del sitio web motociclismo.es, el trabajo fue desolador, no encontré prácticamente nada en español, y lo que encontré en inglés, hablaba siempre de los microformatos más usados como hCard o rel-tag. El Wiki oficial, me pareció un tremendo lío, y no por estar en inglés, si no por como esta todo (des)ordenado. Encontrar estas explicaciones de Emily Lewis fué para mi un oasis.

Pretendo con esto agradecer a Emily su trabajo y difundir los microformatos un poco.

Son una serie de articulos y voy a intentar traducirlos todos. Esta es la introducción:

Añadiendo semanticismo con los Microformatos: Introducción

Soy una organizadora con una, a veces frustrante, necesidad de prestar atención a los detalles más pequeños.

Se manifiesta en mi casa: mi colección de más de 500 DVD, está organizada por orden alfabético, así como lo que queda de mi colección de CDs.

Paso horas en la asignación de los géneros de iTunes (debido a que los valores predeterminados no son lo suficientemente buenos para mí) y creando listas de reproducción de más de 10.000 canciones.

Mis libros están organizados por género. Mis cajones y armarios son prístinas. Yo soy así.

Esta personalidad “rarita” también se manifiesta en mi trabajo de diseño web, que es válido, semántico y bien comentado (la mayor parte del tiempo). Y es una de las razones por las que me encanta lo que hago para vivir.

Codificar a mano XHTML y CSS requiere mucha organización y planificación, sobre todo para hacerlo bien. Más aún, al codificar siguiendo estándares web, es necesario un nivel aún mayor de atención al detalle, en particular respecto a la semántica.

Y esta es la razón por la que me vuelvo gagá por los microformatos.

¿Qué son los microformatos?

En resumen, los microformatos son formatos de datos simples y abiertos que se basan en los estándares existentes de marcado y datos. Diseñadores y desarrolladores utilizan microformatos para añadir significado y estructura a la publicación web mediante la adición de metadatos y otros atributos a los elementos (X)HTML.

¿Cómo son?

Un simple ejemplo de un microformato (aunque todos ellos son, por naturaleza, sencillos) es el atributo rel para enlaces (<a> ):

<a href="http://www.ablognotlimited.com" rel="home">A Blog Not Limited</a>

El enlace anterior incluye rel="home", lo cual indica que la página del enlace es la página principal del sitio. Esto añade un poco más de estructura y significado al enlace.

Pero este artículo no es una explicación sobre microformatos. Si necesita más información, vaya a la autoridad, Microformatos, o la Wikipedia.

Entonces, ¿De que trata este artículo?

Desde que empecé el desarrollo de A Blog Not Limited, he identificado una serie de microformatos que quería usar en mi marcado:

En aras de compartir, quería dar ejemplos de estas implementaciones personales. Sin embargo, al escribir este artículo, me di cuenta de que era mucho más tiempo del que yo había inicialmente previsto. Aunque realmente no quería deshacerme de nada.

Así que, he decidido dividirla en una breve serie de artículos acerca de cómo he aplicado microformatos en este blog. Este artículo introductorio es sólo eso: una introducción a la serie con algunos antecedentes sobre microformatos.

Qué Esperar

Cada artículo de la serie “Añadiendo semánticismo con los Microformatos” cubrirá uno de los microformatos que opté por usar en A Blog Not Limited.

Voy a incluir ejemplos de marcado, las explicaciones de los elementos y atributos utilizados y, los beneficios de la utilización de cada microformato.

No tengo un calendario previsto para los artículos, pero espero publicar al menos uno a la semana.

Así que, ¿Qué viene después?

“Añadiendo Semánticismo Con Microformatos, parte 1″ explica en detalle los microformatos de relaciones a base de enlaces, incluidos rel-home, rel-me, rel-tag y rel-license.

La Parte 1 ya está completa al 95%, así que voy a publicarla pronto. Hasta entonces …

huevoCucharaCuento!!!