class-design-pattern-fr: Difference between revisions
Jump to navigation
Jump to search
AcoloPasc4 (talk | contribs) (chiracvirola) |
m (Reverted edits by AcoloPasc4 (Talk) to last version by ChristopheDucamp) |
||
| 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 | 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 == | ||
* toujours utiliser l' | * 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"]]. | ||
* ajoutez de la | * 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]]. | * 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 | 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" : | ||
<pre><nowiki> | <pre><nowiki> | ||
<div class="vcard"> | <div class="vcard"> | ||
<a class="url fn" href="http://tantek.com/">Tantek | <a class="url fn" href="http://tantek.com/">Tantek Çelik</a>, | ||
<span class="org">Technorati</span> | <span class="org">Technorati</span> | ||
</div> | </div> | ||
</nowiki></pre> | </nowiki></pre> | ||
Remarquez tout | Remarquez tout particulièrement : | ||
* la section du document XHTML sur laquelle s'applique le microformat est | * 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. | ||
* l'utilisation | * 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'utilisation de plusieurs noms de classe sur un élément unique (comme <code>"url fn"</code>). Ceci permet : | ||
** des | ** des éléments uniques ont plusieurs sens | ||
** permet d'ajouter de la | ** permet d'ajouter de la sémantique à une présentation existante | ||
==En rapport == | ==En rapport == | ||
* [[semantic-xhtml-fr|xhtml | * [[semantic-xhtml-fr|xhtml sémantique]] | ||
* [[semantic-class-names-fr|noms de classes | * [[semantic-class-names-fr|noms de classes sémantiques]] | ||
== Voir aussi == | == Voir aussi == | ||
* [[Main_Page-fr#Design_Patterns|Tous les design patterns microformat]] | * [[Main_Page-fr#Design_Patterns|Tous les design patterns microformat]] | ||
* John Udell [http://weblog.infoworld.com/udell/2004/02/09.html | * John Udell [http://weblog.infoworld.com/udell/2004/02/09.html écrit] à propos de plusieurs noms de classe | ||
* [http://www.la-grange.net/w3c/html4.01/struct/global.html#adef-class HTML 4.0 | * [http://www.la-grange.net/w3c/html4.01/struct/global.html#adef-class HTML 4.0 définition de 'class'], comprend des notes sur plusieurs noms de classe | ||
Revision as of 22:17, 20 December 2008
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
- toujours utiliser l'élément semantique (X)HTML le plus approprié pour le contenu. Si un élément sémantique approprié n'est pas disponible, utilisez
spanoudiv. Evitez toujours le (X)HTML "présentationnel". - ajoutez de la sémantique au (X)HTML en utilisant les noms de classe sémantiques. L'attribut
classest une liste séparée par des espaces de noms de classe. - choisir toujours des noms en suivant les principes de nommage des microformats.
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
- Tous les design patterns microformat
- John Udell écrit à propos de plusieurs noms de classe
- HTML 4.0 définition de 'class', comprend des notes sur plusieurs noms de classe