Les microformats

juil

Les microformats

Présentation

Définition officielle : 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.

Décortiquons cette phrase. Tout d’abord, les microformats ont été créés dans le but de favoriser l’échange d’informations. Comme d’autres langages, XHTML remplit déjà cette fonction, mais dans sa forme générique il se heurte à certaines limites que nous verrons ci-après. C’est là qu’interviennent les microformats : non pas qu’ils modifient la syntaxe du XHTML, mais ils y ajoutent une norme.

Explications

Prenons tout de suite un exemple : vous désirez gérer votre identité (nom, prénom, adresse…) sur plusieurs supports. Pour cela, la balise la plus adaptée qu’XHTML met à votre disposition est <address>. Oui mais … il nous manque déjà des balises pour le nom et le prénom. Et comment accéder aux détails de l’adresse (rue, ville, pays…) ? D’autre part, si on souhaite ajouter une information comme un numéro de téléphone, comment faire? Les microformats donnent une réponse à ces questions.

En tirant parti du fait qu’XHTML est eXtensible, ils introduisent une norme pour le format des données tout en réutilisant le balisage existant, la sémantique n’est donc pas modifiée. En ajoutant des attributs particuliers comme class, il est alors possible de donner une signification plus précise aux contenus, et d’accéder à chacun d’entre eux de façon indépendante, comme vous pouvez le constater sur la hCard de James Bond (toujours très à la mode) ci-dessous. Il s’agit bien une hCard et non une vCard, mais ne me demandez pas pourquoi on écrit « vcard» !

<div id="hcard-James-Bond" class="vcard">
	<span class="fn">James Bond</span>
	<div class="org">MI-6</div>
	<a class="email" href="mailto:james.bond@mi-6.org.uk">james.bond@mi-6.org.uk</a>
	<div class="adr">
		<div class="street-address">100 Queen Street</div>
		<span class="locality">London</span>,
		<span class="postal-code">007</span>
		<span class="country-name">GREAT BRITAIN</span>
	</div>
	<div class="tel">+44.123456789</div>
</div>

Avantages

Un des gros avantages des microformats est l’interopérabilité. Avec un format de données normalisé, il devient très simple de sauvegarder ses données, ou de les exporter vers des logiciels tiers. C’est le cas de la hCard créée, qui peut être par exemple importée dans Microsoft Outlook.

Un autre avantage non négligeable est la réutilisation de langages pré-existants. Les designers peuvent s’en réjouir puisque leur travail ne s’en trouve pas bousculé. Il suffit d’appliquer des styles CSS différents pour chaque support (écran, impression…) et hop, une hCard dédiée.
De plus, le XHTML étant basé sur XML (qui préconise une arborescence de la structure d’un document et de ses éléments), l’accès et la modification des contenus se fait très simplement via le DOM (interface qui permet de modifier dynamiquement le contenu, la structure et le style des documents).

Conclusion

Les microformats ont le vent en poupe, aussi je vous invite à en découvrir davantage sur leur site officiel ou même à y participer sur leur wiki FR.
De nombreux microformats ont déjà été adoptés. Vous pouvez créer, parmi tant d’autres, …