Microformats

Définition

Conçus initialement pour des humains et ensuite pour les machines, les microformats sont un ensemble de formats de données, simples et ouverts construits sur des standards existants et largement adoptés. Au lieu de jeter ce qui fonctionne aujourd'hui, les microformats ont pour intention de résoudre en priorité les problèmes les plus simples en s'adaptant aux comportements actuels et aux modèles d'usages.

Vers un web encore plus sémantique

La vocation première des microformats est des donner du sens à du contenu qui n'en a pas pour les moteurs de recherche. Prenons l'exemple d'un lien HTML classique. Quelle information vous donne-t-il à part la page vers laquelle il pointe ? Aucune. Et si un lien hypertext était capable de décrire ce vers quoi il pointe sans que l'on ait à cliquer dessus.

C'est exactement ce que les microformats proposent (mais il y a davantage).

Standards

Les microformats ont pour volonté d'utiliser des standards très répandu. L'intérêt est qu'il n'est pas nécessaire d'apprendre un nouveau langage pour en tirer parti. Souvent, des connaissances basiques du XHTML permettent d'utiliser la plupart des microformats. Il existe plusieurs formats (d'ou la présence du "s" à formats).

Un exemple de lien hypertext XFN

Xhtml Friends Network (XFN) est un microformat permettant de décrire les relations entre les personnes via des liens HTML.

Comment un lien est-il capable de décrire la phrase suivante :

Je pointe vers le site d'un ami avec qui je travaille et que je connais physiquement.

La transcription XFN de ce lien serait la suivante :

<a href="http://www.sbordage.com" rel="friend met colleague">Stéphane</a>

hCard

Le format vCard permet aux internautes de créer une petite carte de visite électronique qu'il est possible de mettre en pièce jointe dans les emails. Un fichier vCard est simple fichier texte, formaté d'une façon bien précise.

Le microformat hCard permet quant à lui de formater une carte de visite électronique en XHTML. Si vous utilisez Firefox, installez l'extension Operator, puis rechargez cette page. Dans la barre de menu, vous pourrez ajouter Breek dans votre carnet d'adresse.

Le code XHML utilisé pour réaliser notre hCard est le suivant :

<div id="hcard-Breek" class="vcard">
  <a class="url fn" href="http://www.breek.fr">Breek</a>
  <div class="org">Breek SARL</div>
  <a class="email" href="mailto:contact@breek.fr">contact@breek.fr</a>
  <div class="adr">
    <div class="street-address">7 rue Lorenzo Natali</div>
    <span class="locality">Rambouillet</span>,
    <span class="postal-code">78120</span>
    <span class="country-name">France</span>
  </div>
  <div class="tags">
    <a href="http://kitchen.technorati.com/contacts/tag/web">web</a>
    <a href="http://kitchen.technorati.com/contacts/tag/internet">internet</a>
    <a href="http://kitchen.technorati.com/contacts/tag/agence">agence</a>
    <a href="http://kitchen.technorati.com/contacts/tag/conseil">conseil</a>
    <a href="http://kitchen.technorati.com/contacts/tag/formation">formation</a>
  </div>
</div>

Ce qui donne à l'affichage :