Démarrons
Facile de démarrer avec les microformats. Voici un guide simple pour vous aider à y aller.
Les microformats sont des moyens simples d’ajouter de l’information à un page web en utilisant essentiellement l’attribut class (même si ce peut être de temps en temps aussi les attributs id, title, rel ou rev). Les noms de classes sont riches sémantiquement et ils décrivent la donnée qu’ils enveloppent.
En utilisant les microformats, vous rendez votre donnée facile à consommer et à publier de manière standard, de manière à pouvoir produire des trucs… comme rendre votre donnée disponible pour l’indexation, la recherche ou pour faire des choses comme le téléchargement d’une information de contact ou simplement ajouter un événement dans votre agenda.
Votre premier microformat en 5 minutes ou moins !
Vous pouvez poser un microformat sur votre site web en moins de 5 minutes !
Suivez les trois étapes suivantes pour placer une hCard sur votre carte de visite en ligne sur votre site :
1. Trouvez votre nom quelque part sur votre site web
Le meilleur endroit est une partie de votre site qui soit la même sur chaque page web. Si c’est un blog, le modèle de pied de page ou la barre latérale est généralement un bon endroit pour commencer. Néanmoins, vous pouvez toujours tester les microformats dans un billet normal de blog.
2. Enveloppez votre nom dans un “fn”
La classe “fn” indique que c’est votre nom formaté (“formatted name”). Si vous avez un nom compliqué (plus qu’un simple prénom nom, voir ces exemples pour plus d’informations sur la façon de structurer votre nom..
<span class="fn">Anne-Victoire Jocteur Monrozier</span>
Cet exemple montre un élément span parce qu’il fonctionnera le plus souvent sur la page web, mais vous pourriez et devriez utiliser l’élément le plus approprié pour votre cas.
3. Enveloppez le tout dans une “vcard”
La classe “vcard” déclare que tout ce qui est à l’intérieur est la hCard
microformat :
<span class="vcard"><span class="fn">Anne-Victoire Jocteur Monrozier</span></span>
Nous avons utilisé à nouveau un élément “span” parce que c’est un élément basique, versatile– mais si dans votre cas c’était pour pour votre information sur votre site web que vous avez construit le point de contact, l’élément address serait plus approprié.
<address class="vcard"><span class="fn">Anne-Victoire Jocteur Monrozier</span></address>
L’élément address indique que la personne dans la hCard est le contact pour la page (ou une portion majeure de celle-ci).
Ou peut-être que vous utilisez votre nom dans une déclaration vous concernant. Vous pourriez vouloir utiliser quelque chose comme ça :
<p class="vcard">Salut, mon nom est <span class="fn">Anne-Victoire Jocteur Monrozier</span> et je plonge dans les microformats !</p>
Bravo ! Vous disposez désormais d’un microformat basique sur votre site web ! Maintenant que vous avez une première expérience avec les microformats, voici quelques étapes à suivre :
- Ajoutez plus d’informations à votre hCard
- Liez vos amis et contacts avec XFN
- Ajoutez des événements à votre site avec hCalendar
- Critiquez des films, livres, vins et plus encore avec hReview
Toujours perdu ? Pas de panique, vous pouvez parler à de vraies personnes de vos problèmes que ce soit ici, sur notre canal IRC ou sur notre liste de discussion.
