Emily Lewis : “Parvenir à la Sémantique avec les Microformats - Introduction”
Ce qui suit s’inscrit dans la poursuite de travaux visant à mieux faire connaître les microformats. Aujourd’hui, voici une traduction en cours d’un article d’Emily Lewis publié le 5 septembre dernier sur son blog personnel. Seul le lien original fait référence. Vous pouvez aider à raffiner en éditant directement le code posé sur la page miroir de mon wiki-personnel. Merci d’avance. - xtof
Je suis une organisatrice avec un besoin parfois frustrant de prêter attention aux plus petits détails.
Cela se voit même dans ma maison : ma collection de plus de 500 DVD est organisée par ordre alphabétique, tout comme ma collection de CDs. Je passe des heures dans itunes à déclarer des genres (parce que ceux par défaut ne sont tout simplement pas assez bien pour moi) et à créer des playlists de plus de 10 000 plages. Les tiroirs de ma commode et la penderie sont immaculés. Tout simplement moi. Ce caprice déteint aussi dans mon travail en design web, un travail valide, sémantique et bien commenté (la plupart du temps). Et c’est l’une des raisons pour lesquelles j’aime ce que je fais dans la vie.
Coder le XHTML et la CSS à la main requiert organisation et planning, tout spécialement pour bien le faire. Même pire, suivre les standards du web dans ce code requiert une plus grande attention au tout petit détail, tout particulièrement la sémantique. Telle est la raison pour laquelle je suis gaga des microformats.
C’est Quoi les Microformats ?
Pour le dire vite, les microformats sont de simples formats de données ouverts construits sur des standards existants pour le balisage et les données. Les designers et les développeurs utilisent les microformats pour ajouter de la structure et du sens à la publication web en ajoutant des métadonnées et d’autres attributs aux éléments (X)HTML existants.
A Quoi Cela Ressemble ?
Un exemple simple de microformat (bien qu’ils soient tous simples par nature) est l’attribut rel pour les liens (<a>) :
<a href="http://www.ablognotlimited.com" rel=”home”>A Blog Not Limited</a>
Le lien ci-dessus rel="home", qui indique la page liée est la page d’accueil du site. Ceci ajoute un peu plus de structure et de sens au lien avec du marquage et des attributs existants.
Mais cet article n’est pas une explication des microformats. Si vous voulez plus de recul, allez sur le site faisant autorité, Microformats, ou Wikipedia.
Alors, de Quoi Traite Cet Article ?
Depuis le développement de ce site A Blog Not Limited, j’ai identifié un certain nombre de microformats que je voulais utiliser dans mon marquage :
Afin de partager, j’ai voulu fournir des exemples de ces implémentations personnelles. Néanmoins, au fur et à mesure de la rédaction de cet article, j’ai réalisé que c’était bien plus long que ce à quoi je pouvais m’attendre. Mais je n’ai vraiment pas voulu me débarrasser de quoi que ce soit. Aussi j’ai décidé de le morceler à l’intérieur d’une série d’articles traitant de la manière dont j’ai implémenté les microformats sur ce blog. Cet article d’introduction est tout simplement ça : une introduction à la série avec un peu de contexte sur les microformats.
Qu’en Attendre
Chaque article dans ma série Parvenir à la Sémantique Avec Les Microformats traitera d’un microformat que j’ai choisi d’utiliser sur A Blog Not Limited
.
J’y introduirai des échantillons de code, des explications des éléments et attributs utilisés, ainsi que les avantages à utiliser chaque microformat.
Je n’ai pas de planning pour les articles, mais j’espère en publier au moins un par semaine.
Aussi, Quelle Est la Prochaine Étape ?
Parvenir à la Sémantique avec Les Microformats, 1ère Partie détaillera les microformats pour les relations fondées sur les liens, rel-home, rel-me, rel-tag and rel-license.