Primera aproximación a los microformatos

Bueno, tení­a una ligera idea de lo que eran los microformatos, en base al buzz que se genera en la web, pero nunca me habí­a detenido a leer con algo más de detenimiento acerca de ellos.

Básicamente los microformatos son una forma estándar de introducir información semántica dentro del (X)HTML.

Para ello, no hay que hacer realmente nada raro, se trata de utilizar el atributo class con valores estándar y significativos: tanto para el usuario como para el ordenador.

No se trata de una perversión del uso de class: According to the HTML4 spec, the class attribute is a general-purpose attribute for user-agents. Microformats are a perfectly acceptable use for the class attribute; the class attribute does not only apply to CSS..

Algunos son muy comunes. Por ejemplo todos estamos acostumbrados a las vCard para identificar a una persona. Con los microformatos, las vCard, se tranforman en hCard, y se puede representar como:

<div id="hcard-Juan-Nadie" class="vcard">
<a class="url fn" href="http://www.sasaeh.com">Juan Nadie</a>
<div class="org">sasa eh</div>
<div class="adr">
<span class="region">La Rioja</span>
<span class="country-name">España</span>
</div>
</div>

Lo importante no es la organización en divs, ya que puedes colocarlo como te venga en gana, lo importante es la estructuración de las class que son los que dan la semántica a ese trozo de código (X)HTML.

Enlaces: