class-design-pattern-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(class-design-pattern : translation to be reviewed)
 
m (synchro)
Line 1: Line 1:
= Class design pattern =
= Class design pattern =
== Intention ==
== Intention ==
Utiliser le [[class-design-pattern-fr|class-design-pattern]] pour indiquer le sens sémantique à propos des éléments XHTML
Utiliser le [[class-design-pattern-fr|class-design-pattern]] pour indiquer le sens sémantique à propos des éléments XHTML. Voir la discussion des [[semantic-class-names-fr|noms de classes sémantiques]] pour l'historique.


== Comment l'utiliser ==
== Comment l'utiliser ==
* ajouter de la sémantique au (X)HTML en utilisant les [http://www.la-grange.net/w3c/html4.01/struct/global.html#adef-class les noms de classe]. L'attribut  <code>class</code> est un espace liste séparé des noms de classe.
* toujours utiliser l'élément [[semantic-xhtml-fr|semantique (X)HTML]] le plus approprié pour le contenu. Si un élément sémantique approprié n'est pas disponible, utilisez  <code>span</code> ou <code>div</code>. Evitez toujours le [[presentational-xhtml-fr|(X)HTML "présentationnel"]].
* si un élément sémantique approprié n'est pas disponible, utilisez <code>span</code> ou <code>div</code>.
* ajoutez de la sémantique au (X)HTML en utilisant les [[semantic-class-names|noms de classe sémantiques]]. L'attribut  <code>class</code> est une liste séparée par des espaces de noms de classe.
* choisir toujours des noms en suivant les [[naming-principles|principes de nommage des microformats]].


== Description ==
== 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 <code>class</code> d'un élément l'entourant. Par exemple, [[hcard-fr|hCard]] ajoute de l'information indiquant que certains éléments représentent une vCard personne ou organisation, un Nom Formaté par le "class design pattern" :
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 <code>class</code> d'un élément entourant. Par exemple, [[hcard-fr|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" :


<pre><nowiki>
<pre><nowiki>
Line 19: Line 18:
</nowiki></pre>
</nowiki></pre>


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


* la section du document XHTML sur laquelle s'applique le microformat est définie par <code>class="vcard"</code>. Ceci est très commun parmi les microformats non triviaux.
* la section du document XHTML sur laquelle s'applique le microformat est définie par <code>class="vcard"</code>. Ceci est très commun parmi les microformats non triviaux.
Line 26: Line 25:
** des éléments uniques ont plusieurs sens
** des éléments uniques ont plusieurs sens
** permet d'ajouter de la sémantique à une présentation existante
** permet d'ajouter de la sémantique à une présentation existante
==En rapport ==
* [[semantic-xhtml-fr|xhtml sémantique]]
* [[semantic-class-names-fr|noms de classes sémantiques]]


== Voir aussi ==
== Voir aussi ==

Revision as of 02:05, 6 September 2007

Class design pattern

Intention

Utiliser le class-design-pattern pour indiquer le sens sémantique à propos des éléments XHTML. Voir la discussion des noms de classes sémantiques pour l'historique.

Comment l'utiliser

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 l'entourant. Par exemple, hCard ajoute de l'information indiquant que certains éléments représentent une vCard personne ou organisation, un Nom Formaté 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>

Remarquez tout particulièrement :

  • 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

En rapport

Voir aussi