Microformato

Un microformato (a veces abreviado con μF o uF) es una forma simple de agregar significado semántico a un contenido legible por un humano mientras que para una máquina puede ser sólo texto plano. Según el W3C, son

Más técnicamente, son elementos de lenguaje de marcado, usando (X)HTML usando nombres de clase específicos. En este sentido, son abiertos para que cualquiera haga uso de ellos.

Las especificaciones actuales de microformatos permiten la representación de eventos, información de contacto, relaciones sociales, direcciones, ubicaciones (coordenadas), etc.

Los microformatos son mantenidos y especificados por Microformats.org.

Principios

Los estándares definidos en (X)HTML permiten agregar significado semántico a los contenidos presentados. Esto se logra con los siguientes atributos de HTML:

• class
• rel
• rev

Por ejemplo, en el texto "Las aves anidaron en 52.48,-1.89" los números pueden ser entendidos, de acuerdo con el contexto, como coordenadas geográficas. Al rodear dicho par con spans (u otros elementos HTML) con nombres de clase específicos (en este caso geo, latitud y longitud, todos parte de la especificación de microformato geo):

Las aves anidaron en
  <span class="geo">
    <span class="latitud">52.48</span>,
    <span class="longitud">-1.89</span>
  </span>

se puede decir a las máquinas exactamente qué representa cada valor y se puede realizar una variedad de tareas tales como indexarlos, buscarlos en un mapa y exportarlos a un dispositivo GPS.

Ejemplo

En el siguiente ejemplo, la información de un contacto se podría representar así:

<p>
   <strong>Guillermo García</strong><br />
   Calle falsa, 1<br />
   una ciudad, un país.<br />
   <em>El Ejemplo S. A.</em><br />
   604-555-1234<br />
   <a href="http://ejemplo.com/">http://ejemplo.com/</a>
</p>

Esta sería una versión más semántica utilizando el microformato hCard y elementos con sentido, con significado, como lo sería una lista de propiedades del contacto:^[2]

<ul class="vcard">
        <li class="fn n">
                <strong class="given-name">Guillermo</strong> <strong class="additional-name">García</strong><br />
                <span class="org">El Ejemplo S. A.</span>
        </li>
        <li class="adr">
                <span class="street-address">Calle falsa 1</span><br />
                <span class="locality">una ciudad</span>, 
                <abbr class="region" title="Una región">UR</abbr>, 
                <span class="postal-code">94301</span>, 
                <abbr class="country-name" title="Un país">UP</abbr>
        </li>
        <li class="tel"><strong class="type" title="Teléfono del trabajo">Work</strong>: <span class="value">604-555-1234</span></li>
        <li class="url"><strong class="type" title="Sitio web oficial del trabajo">Work</strong>: <a href="http://ejemplo.com/" 
                title="Ejemplo.com" class="value">http://ejemplo.com/</a></li>
</ul>

Resultado

• Guillermo García
  El Ejemplo S. A.
• Calle falsa 1
  una ciudad, UR, 94301, UP
• Work: 604-555-1234
• Work: Ejemplo.com

Aquí, el nombre formateado (fn), organización (org), número de teléfono (tel) y dirección web (url) han sido identificados usando nombres de clase específicos y todo se rodea con class="vcard", que indica que las otras clases forman una hCard (abreviatura para "HTML vCard)") y no son coincidentalmente llamadas. También se usan otras clases destinadas a la dirección, entre otras existentes destinadas al correo electrónico, geolocalización (véase lista de propiedades de hCard en la web oficial)...

Es ahora posible para aplicaciones de software, como plugins de navegadores, extraer la información, y transferirla a otras aplicaciones como una agenda.

Microformatos existentes

Los siguientes microformatos han sido desarrollados para habilitar marcado semántico para algunos tipos de información en específico.

• hAtom (Especficación de hAtom) - para marcar feeds Atom dentro del HTML.
• hCalendar (Especificación de hCalendar) - para eventos.
• hCard (Especificación de hCard) - para información de contacto, incluye:
  • adr (Especificación de adr) - para direcciones postales.
  • geo (Especificación de geo) - para coordenadas geográficas (latitud, longitud).
• hReview (Especificación de hReview) - para críticas de artículos, servicios, etc.
• hResume (Especificación de hResume) - para curriculum.
• rel-directory (Especificación de rel-directory) - para apuntar enlaces a una página de un directorio.
• rel-nofollow (Especificación de rel-nofollow) - advierte a los buscadores web que no deben asignar importancia a la página a la que apunta el enlace.
• rel-tag (Especificación de rel-tag) - indica que la página que contiene el enlace está relacionada con la etiqueta especificada.
• xFolk (Especificación de xFolk) - para especificar enlaces guardados en un Marcador social.
• XFN - para relaciones sociales mediante enlaces.
• XOXO - para hacer esquemas con listas.

Accesibilidad de los microformatos

Los microformatos usan la etiqueta abbr (abreviación) de HTML la cual contiene, dentro de su atributo title, el significado de la abreviación. Dicha información es usada por algunos lectores de pantalla y "leerla" al usuario. Sin embargo, la especificación de microformatos hace uso de la etiqueta abbr para especificar fechas, colocando en el atributo title la fecha en formato ISO 8601 lo cual es leído como un juego de números ininteligible para las personas con discapacidad. Esto representa un fallo de accesibilidad. Este problema fue discutido por el Web Standards Project en su sitio, en una propuesta que llamaron "hAccessibility".

Microformatos propuestos

Algunos de los microformatos propuestos^[3] que tienen mayor actividad son:

• citation - para citar referencias^[4]
• currency - para expresar cantidades monetarias^[5]
• Extensión de Geo - para lugares fuera de la tierra (Marte, la Luna, etc.)
• Especificación de Species - para nombres de seres vivos.

Usos de los microformatos

El uso de los microformatos dentro del (X)HTML permite agregar más información y significado a los datos que luego puede ser utilizado por aplicaciones como por ejemplo buscadores o agregadores de contenidos.

Actualmente existen extensiones para los navegadores web que permiten tener acceso a la metadata de los microformatos. Por ejemplo Firefox tiene una extensión llamada Operator, que permite al usuario detectar los microformatos y agregar la información que contienen a otras aplicaciones del sistema como KAddressBook o Microsoft Outlook.

Microsoft ha expresado que los microformatos son proyectos necesarios.^[6]

Creación de microformatos

La mayoría de los microformatos han sido creados en el wiki de microformats.org y sus listas de correos, por medio del análisis de usos actuales hechos por los desarrolladores de contenidos. Algunos otros, como rel=nofollow, unAPI, hRelease y rel=pavatar, han sido propuestos y desarrollados por otras personas.

Véase también

• COinS
• GRDDL
• HTML
• Intelligent agents
• RDFa RDF with attributes
• rel=pavatar
• S5 file format
• Semantic Web
• Simple HTML Ontology Extensions (early semantic extensions to HTML done by University of Maryland, College Park)
• Web crawlers
• XHTML
• XML
• unAPI

Referencias

Otras lecturas

• Allsopp, John (2007). Microformats: Empowering Your Markup for Web 2.0. Friends of ED. ISBN 978-1-59059-814-6. 
• Orchard, Leslie M. (2005). Hacking RSS and Atom. Wiley. ISBN 978-0-7645-9758-9. 
• Robbins, Jennifer Niederst (2006). Web Design In A Nutshell (Third Edition edición). O'Reilly Media. ISBN 978-0-596-00987-8. 
• Suda, Brian (2006). Using Microformats. O'Reilly Media. ISBN 978-0-596-52817-1. 
• Haine, Paul (2006). HTML Mastery. Friends of ED. pp. 117-154. ISBN 978-1-59059-765-1. 

Enlaces externos

Español:

• Introducción a los microformatos
• Microformatos: la web semántica en minúsculas

Inglés:

• microformats.org
  • microformats wiki
• Microformats Primer
• The Big Picture on Microformats
• Add microformats magic to your site
• xFolk: An XHTML microformat for folksonomy
• Microformats explained and their effect on search engine optimization
• micromodels
• Microformatique
• Why Microformats
• A four-part discussion of Microformats, UI issues, and possible presentation in Firefox 3 by Alex Faaborg of Mozilla
• "hAccessibility" - Web Standards Project discussion of inaccessible microformat design pattern