-
Introduction aux Microformats
Christophe
Ducamp
Le Royal Valois
1 place de Valois
75001 Paris
• 22 sept. 2009
-
-
C'est quoi les microformats ?
-
microformats
- des moyens simples pour partager une sémantique commune au-dessus du HTML
- réseau de relations humaines - XFN
- licences - rel-license
- personnes & organisations - hCard
- événements - hCalendar
- tags & thèmes - rel-tag
- avis - hReview
- contenu sérié dans le temps - hAtom
- audio/vidéo/images - hMedia
- C.V. & résumés - hResume
-
briques de construction : HTML & XHTML
- Utilise la sémantique HTML 4, la syntaxe syntax & structure XHTML 1.0
- Pourquoi ne pas utiliser XHTML 1.1 ?
- aucun avantage
- le mime type requiert une manipulation draconienne = fragile
- Pourquoi ne pas utiliser XHTML 2.0?
- Le W3C vient de finir l'effort.
- Pourquoi utiliser XHTML au lieu du HTML?
- XML bien formé - API simple pour rien
- meilleure validation = repérage prochain des erreurs
-
Briques de Construction : CHIC
- CHIC = Code HTML Intrinsèquement Classe
- un nom pour ce que nous faisons déjà et ce que nous voulons
- balises/attributs sémantiques, non présentationnels
- noms de classes sémantiques
- n'abusez pas des balises sémantiques (par ex.
<table>, <blockquote>)
- utilisez
<p> au lieu de <br><br>
- utilisez les en-têtes
<h1>…<h6> au lieu de <b> & <font>
- évitez les ancres vides
<a name="…"></a>, utilisez id="…"
- pour plus de trucs CHICs, regardez : microformats.org/wiki/posh-fr
-
Briques de Construction : pourquoi CHIC ?
- architecture d'information du site (AI)
- plus facile à styliser avec CSS
- accessibilité - lecteurs écran
- divers supports par les terminaux - mobile
- SEO : optimisation pour les moteurs de recherche
- évite les formats non indexés pour le texte, comme par ex. Flash
- PDF ne peut pas être fidèle, se dégrade encore pire que le HTML
- Les anti-sèches, publiées dans Pages sur Mac, sorties sur PDF
- S'affichent joliment sur un écran de PC, donnent un charabia à l'impression
-
Pourquoi les microformats ?
- partager du sens et des données sur les sites et applications
- lise par les humains - contenu et formats
- extrait l'hypothèse de marquer certaines choses
- stylisables avec CSS
- applications : téléchargement/abonnement pour l'utilisateur, moteurs de recherche
- API automatique
- fonctionnent à présent.
-
microformats et internationalisation
- les microformats utilisent le standard ISO8601 pour les dates et heures
- ISO8601 n'a pas été conçu pour être lisible par les humains
- ... mais au fil du temps est devenu lisible pour les humains
- 2003-02-01 plus compréhensible entre cultures que 03/02/01
- le microformat hCard réutilise le vocabulaire standard de l'IETF vCard
- par ex. prénom nom-de-famille (pas l'inverse)
- réutilise les termes/standards internationaux = plus international pour démarrer
- leçon pour terminologie : réutiliser, ne pas réinventer
-
- Résoudre un problème spécifique
- Des données visibles sont mieux pour les humains que des métadonnées invisibles
- Réutilisation de blocs de constructions provenant de standards largement adoptés
- vCard : hCard
- iCalendar : hCalendar
- Atom : hAtom
- Commencer aussi simple que possible
- Paver les chemins des vaches
- Les humains d'abord, les machines ensuite
- 80/20
-
Les microformats et vous
- après (ou pendant) la CHICquification de votre site...
- inclure les microformats appropriés
- page contact/à propos hCard - sur presque chaque site
- profils utilisateurs hCards - chaque site avec des profils
- tout ce qui est épisodique - enntrées hAtom - tout ce qui est proche du blog
- liste d'événements en hCalendar - conférences, programmes
- avis d'utilisateur en hReview
- contenu média en hMedia
-
-
Merci !
-
Colophon
