Los microformatos son una forma sencilla de agregar significado a la información digital, de manera que sea reconocible por las maquinas y útil para los humanos.
Una de las características de los microformatos es que hacen que la información se pueda aprovechar y reutilizar. Para ello se insertan unas etiquetas predefinidas en el código, que las máquinas entienden y reconocen, aprovechando los valores que se muestran y pudiendo ser usados posteriormente.
Inventados para solventar problemas sencillos, son fácilmente adaptables y configurables dado su desarrollo basado en estándares web.
Su utilización puede variar, desde la representación de datos de contacto, eventos, direcciones, relaciones sociales o referencias geográficas, y son de gran utilidad ya que permiten la utilización de la información que representan de una forma dinámica y útil.
Muchos los dispositivos mobiles (telefonos, PDA’s, etc.) están estandarizados para la utilización de microformatos como vCard o hCalendar, lo que permite el uso y distribución de información basada en microformatos, más allá de su uso en ordenadores e internet.
Existen varios tipos de microformatos, con distintas formas, estructuras y utilidades. Los más reconocidos son las vCard, tarjeta electrónica de contacto, vCalendar, calendario exportable y aprovechable, o el XFN, pequeños códigos que indican la relación de los links con la persona que los ha creado.
Estos son algunos ejemplos útiles….
hcard
Esta es mi hCard:
Este es el código del hCard:
<div id="hcard-Lander-Muruaga" class="vcard">
<img style="float:left; margin-right:4px" src="http://eeeh.net/lander-redsofa-100px.jpg" alt="photo of Lander" class="photo"/>
<a class="url fn n" href="http://eeeh.net"> <span class="given-name">Lander</span>
<span class="family-name">Muruaga</span></a>
<div class="org">EEEH</div>
<a class="email" href="mailto:lander@eeeh.net">lander@eeeh.net</a>
<div class="adr">
<div class="street-address">Calle de la Esperanza 11</div>
<span class="locality">Barcelona</span>,
<span class="postal-code">08008</span>
<span class="country-name">Spain</span>
</div>
<div class="tel">666 555 444</div>
<div class="tags">
<a href="http://kitchen.technorati.com/contacts/tag/interaction design"> interaction design </a>
<a href="http://kitchen.technorati.com/contacts/tag/microformats"> microformats </a>
<a href="http://kitchen.technorati.com/contacts/tag/information architecture">information architecture</a>
<a href="http://kitchen.technorati.com/contacts/tag/design">design</a>
<a href="http://kitchen.technorati.com/contacts/tag/information design">information design</a>
</div>
</div>
hCal
Este es un ejemplo visual de hCalendar.
Este es el código del hCalendar. Puedes copiarlo y modificar la información para utilizarlo como quieras.
<div class="vevent" id="hcalendar-Concierto">
<a class="url" href="http://www.myspace.com/comebackkid">
<abbr class="dtstart" title="2008-07-18T20:0000">July
18, 2008 8</abbr> –
<abbr class="dtend" title="2008-07-18T02:00">2am</abbr>:
<span class="summary">Concierto</span> at <span class="location">Barcelona</span>
</a>
</div>
Más ejemplos y formas de uso de los microformatos en… Microformats.org.