- Traduction en cours d'un billet publié le 24 juillet 2005 par Andy Hume
- Dans l'attente d'autorisation de l'auteur, ce contenu est publié pour le moment sous "fair-use", à titre de recherche personnelle pour amorcer le groupe des microformateurs
- Naturellement, seul le lien original fait référence
Si vous êtes relativement néophyte sur les microformats, alors cet article a été écrit avec vous en tête. Vous n'avez pas besoin d'avoir quelque connaissance pour comprendre ce qui se passe ici ; en fait, c'est même probablement mieux si vous ne connaissez rien. Je ne vais pas expliquer les microformats—je ne saurais pas par où démarrer. Ce que je veux vous présenter est un exemple des microfomats que vous pouvez utiliser aujourd'hui dans votre balisage, et qui puisse avoir une utilisation concrète dans le vrai monde d'aujourd'hui. Comme pour toutes les technologies web, le meilleur moyen d'apprendre se fait par l'exemple.
La première chose à comprendre à propos des microformats est qu'ils peuvent être très très simples. Voici un exemple d'un peu de texte balisé avec un de ces formats.
Le code au-dessus est un exemple du format hCard,
un des microformats les plus simples mais des plus utiles qui soit actuellement en cours d'utilisation.
Comme vous pouvez le constater, c'est simplement du code XHTML avec des attributs class et href.
Sans vous ennuyer à descendre dans le code, avançons rapidement sur ce que le balisage ci-dessus nous raconte.
Comme nous le savons tous, l'élément address
contient normalement les détails de contact du propriétaire de la page. J'ai publié cette page de façon que mes
détails de contacts figurent à l'intérieur. Le nom de class vcard veut dire que le contenu
que je suis en train de baliser est dans le format d'une vCard,
le standard pour partager et stocker les contacts dans votre carnet d'adresses ou logiciel de gestion d'e-mails.
Voyez-vous où nous voulons en venir avec ça ? A l'intérieur de l'élément address, il y a un
élément ancre avec les noms de class fn et url.
La propriété "FN" dans la vCard contient normalement le nom complet du sujet (il y en a
un peu plus que ça,
mais ça le fera pour le moment), et elle contient l'URL vers mon blog. Pour finir, il y a une div avec une class pour l'email qui, tout à fait étonnamment, contient mon
adresse email.
Vraiment un truc simple, non ? Bon le truc simple est de mon point de vue ce que le web fait le mieux. Le potentiel pour les microformats—comme tout le monde le claironne —est gigantesque, et je crois qu'ils pourraient changer la façon dont nous utilisons et développons le web. Néanmoins, ce qui m'intéresse bien plus que le potentiel des microformats est ce que nous pouvons produire dès maintenant avec eux. Ce qui me conduit à l'implémentation X2V de Brian Suda. X2V est un outil qui cherche les hCards dans une page web et vous les extrait vers un format vCard à placer directement dans votre carnet d'adresses.
OK. Je vais faire que ce soit très facile pour vous. Cliquez sur le lien ci-dessous pour extraire mes données vCard et les télécharger sur votre machine. Sentez-vous à l'aise pour conserver mes détails de contact dans votre carnet d'adresses si ça vous chante. —on ne sait jamais !
Vous remarquerez que la vCard que vous avez maintenant a beaucoup plus de détails que mon nom, mon URL et mon adresse email. C'est parce que la hCard qui a été produite n'est véritablement pas celle affichée au-dessus. Si vous regardez le code source de cette page web, vous constaterez que ma hCard complète est balisée dans le pied de page de cette page. La CSS est utilisée pour dissimuler chaque partie du contenu excepté mon nom et mon adresse e-mail.
Sur mon blog, j'utilise les hCards pour baliser les détails de contacts des personnes qui commentent. C'est l'endroit où vous rentrez !
Voici le plan ; si vous voulez bien y consacrer dix minutes de votre temps.
Sortez de vos sites personnels (blogs, portfolios, etc) et ajoutez votre carte de visite sous forme d'une hCard dans votre pied de page. Sentez-vous à l'aise pour copier et coller ce code ci-dessous, y compris tous ou autant d'éléments que vous souhaitez. Ne vous sentez pas obligé de placer chaque détail de votre adresse dans votre hCard. Votre nom, une URL et une adresse e-mail sont déjà un très bon début.
X2V est simplement le premier coup d'oeil rapide de ce qu'il sera possible de faire avec les Microformats quand ceux-ci deviendront un phénomène massivement répandu. La vérité est que les implémenteurs ne vont pas créer des parseurs et d'autres méthodes de partage et d'assemblage de données à moins que les formats qui les rendent possibles ne deviennent un lieu commun : ainsi allez apporter votre contribution pour l'avenir du web.
Quelques trucs rapides pour comprendre les microformats
- Les microformats sont simples
- Cela vaut la peine d'être répété, car l'objectif global des microformats est qu'ils sont faciles à utiliser, apprendre et à transmettre aux autres. Combien de temps cela vous prendra t-il pour implémenter le concept du dessus sur vos sites. 10 minutes ?
- Les microformats devraient être basés sur des standards existants et massivement adoptés
- La hCard est un exemple parfait de ce concept, car c'est une implémentation exacte 1:1 du standard vCard.
La même chose est valable pour hCalendar et
iCalendar. Pour citer Tantek Çelik sur cette question,
Ceux qui ignorent les standards sont condamnés à les réinventer
. - Ne vous embourbez pas dans les spécifications
- Ceux parmi vous qui ont visité microformats.org peuvent s'être sentis légèrement noyés par la nature très "spéc" du site. Comme beaucoup de groupes qui sont impliqués pour créer et brainstormer sur les nouvelles technologies, ces types débattront durant des jours sur la meilleure manière de définir un nom d'attribut ou de valeur spécifique. Vous n'avez pas besoin de vous impliquer là-dedans, si comme moi, vous êtes simplement un humble développeur web en train de travailler. Contentez-vous à nouveau simplement de copier les exemples des personnes, le meilleur moyen d'apprendre est par l'exemple.
- Les microformats sont la prochaine étape vers un web sémantique en bas de casse
- Tous ceux qui utilisent déjà un XHTML sémantique et ayant du sens pour ses pages web devrait voir l'avantage et les principes d'utiliser les microformats. Le mieux est que les microformats sont en train de s'ajouter au web d'aujourd'hui plutôt que d'essayer d'en construire un nouveau.
Vous en saurez plus sur les microformats en lisant :
