Introducción a los Microformatos
Por Iván Bustos en HTML. Actualizado: 22/12/2011. Visitado 107 veces. Compartir en FacebookTwitterLinkedIn
Dificultad: Principiante.
Requerimientos: Este tutorial no posee requerimientos.
Tiempo estimado para completar: 20 minutos.
El gran salto desde el HTML de presentación al uso de XHTML significativo junto con CSS ha permitido a los desarrolladores web lograr poderosas aplicaciones web que son fáciles de mantener y de integrar con otras aplicaciones. Hoy en día, es muy común ver código significativo procesado y generado automáticamente en tiempo real mediante software, algo que habría sido muy difícil de lograr usando la vieja técnica del HTML de presentación principalmente debido a la complejidad de su código. Esto ha permitido a las aplicaciones web lograr niveles de integración sin precedentes. Desafortunadamente, aun cuando la integración es sólida, aplicaciones en XHTML podrían integrarse aún mejor con otras soluciones. Este es el origen de los Microformatos, una forma de desarrollar código XHTML válido que le permite al desarrollador expandir el significado de su código previamente limitado por las etiquetas estándares de su lenguaje. Con el uso de Microformatos, el nivel de integración entre aplicaciones web será virtualmente ilimitado. Como resultado, desarrolladores podrán crear las soluciones más potentes y robustas del mañana.
Es importante clarificar que los Microformatos no representan una nueva tecnología; en vez de eso, se trata de una manera en la que podemos usar código XHTML. No hay nada nuevo que aprender por que la estructura misma de los microformatos está enteramente basada en etiquetas HTML. Los Microformatos tan sólo son una manera en la que podemos usar dichas etiquetas de un modo más conveniente para generar cierto nivel de complejidad con el fin de lograr flexibilidad al momento de integrar nuestro trabajo con otras aplicaciones mientras al mismo tiempo se mantiene la facilidad de entender y mantener, propiedades por las cuales el XHTML siempre se ha caracterizado. Por ejemplo, considera el código XHTML válido que sigue a continuación.
- <address>
- Pizzería La Canchita<br />
- KR 91 129 10, Bogotá 123456<br />
- Tel: +1 274 4239
- </address>
La especificación HTML 3.2 sugiere que las direcciones se definan usando la etiqueta <address>. Sin embargo, hay problemas que salen a relucir cuando se usa esta recomendación. Por ejemplo, todos los elementos de la dirección en sí no están claramente definidos. Cuarquier software que analice sintácticamente nuestro código (un parser en inglés) tendrá dificultades separando la dirección física de la empresa del teléfono por ejemplo. Todo lo que el software analizador puede ver es texto simple dentro de una etiqueta <address>. En adición, el uso de abreviaciones en nuestro código como "tel" debería ser evitado si no prohibído.
Al definir la información de la dirección con etiquetas <span> significativas y al encerrar las abreviaciones en etiquetas <abbr>, el código a continuación es más intuitivo y listo para integrar con otras soluciones en internet. Este microformato recién creado puede ser fácilmente generado en tiempo real por incluso simples lenguajes de programación como Javascript.
- <address>
- <span class="companyName">Pizzería La Canchita</span>
- <span class="companyLocation"><span class="address">KR 91 129 10</span>, <span class="city">Bogotá</span> <span class="zipCode">123456</span></span>
- <span class="phone"><abbr title="Teléfono">Tel</abbr>: +1 274 4239</span>
- </address>
Muchas compañías entienden el potencial de Microformatos. Flickr, el servicio gratuito para compartir imágenes (http://www.flickr.com) utiliza Geotagging, un Microformato que permite al usuario saber dónde exactamente fue tomada una fotografía en particular indicando valores correspondientes de longitud y latitud.
Ya que los Microformatos fueron siendo muy populares en el 2006, los desarrolladores alrededor del mundo tuvieron la necesidad de estandarizarlos. Debido a que el uso de Microformatos es usualmente usado sólo para manipular direcciones, tarjetas de contacto, calendarios y eventos entre otras, se han creado Microformatos estándares listos para ser usados en una escala global listos para ser implementados en aplicaciones web. Entre estos Microformatos, se encuentra el ahora popular hCard, un Microformato usado para representar gente y organizaciones permitiéndole a los usuarios publicar información de contacto; hCalendar, ahora usado para publicar calendarios poderosos; Geo, un microformato para especificar coordenadas (longitud y latitude) que es ideal para aplicar en un sinnúmero de aplicaciones en Internet; y XFN, uno de los más poderosos y versátiles Microformatos usado para representar relaciones humanas por medio de hipervínculos.

Google implementa varios Microformatos. En la imagen, Google interpretando el microformato hRecipe, que permite la definición semántica de recetas de cocina en Internet.
Iván Bustos, un desarrollador web en Colombia con más de 10 años de experiencia en el desarrollo de experiencias en línea, enamorado de los estándares web y del poder de JavaScript. Fundador de Estilocss.com y creador de IBForm.