class-design-pattern-fr

From Microformats Wiki
Revision as of 10:32, 27 June 2006 by ChristopheDucamp (talk | contribs) (class-design-pattern : translation to be reviewed)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Class design pattern

Intention

Utiliser le class-design-pattern pour indiquer le sens sémantique à propos des éléments XHTML

Comment l'utiliser

  • ajouter de la sémantique au (X)HTML en utilisant les les noms de classe. L'attribut class est un espace liste séparé des noms de classe.
  • si un élément sémantique approprié n'est pas disponible, utilisez span ou div.

Description

C'est l'un des design patterns apparaissant le plus souvent dans les microformats. Le sens sémantique peut être indiqué sur le contenu XHTML en utilisant l'attribut class d'un élément entourant. Par exemple, hCard ajoute de l'information indiquant que certains éléments sont une URL vCard, un Nom en entier et une Organisation par le "class design pattern" :

<div class="vcard">
 <a class="url fn" href="http://tantek.com/">Tantek Çelik</a>,
 <span class="org">Technorati</span>
</div>

Notez tout particulièrement l'exemple précédent :

  • la section du document XHTML sur laquelle s'applique le microformat est définie par class="vcard". Ceci est très commun parmi les microformats non triviaux.
  • l'utilisation à la fois dans la ligne (<a> et <span>) et des éléments de niveau bloc (<div>). Ceci fournit au designer de microformat une gamme d'options pour insérer de l'information sémantique sans inférer la présentation existante
  • l'utilisation de plusieurs noms de classe sur un élément unique (comme "url fn"). Ceci permet :
    • des éléments uniques ont plusieurs sens
    • permet d'ajouter de la sémantique à une présentation existante

Voir aussi