class-design-pattern-fr - Revision history

ChristopheDucamp: Reverted edits by I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST ([[User talk:I MADE THOUSANDS OF ACCOUNTS IN MICROF

2013-09-22T11:22:55Z

Reverted edits by I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST ([[User talk:I MADE THOUSANDS OF ACCOUNTS IN MICROF

@@ Line 1: / Line 1: @@
-I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
+= Class design pattern =
-I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
+== Comment l'utiliser ==
-I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
+== Description ==
-I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
+<pre><nowiki>
-I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
+Remarquez tout particulièrement :
-I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
+* 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.
-I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
+==En rapport ==
-I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
+== Voir aussi ==
+* [[Main_Page-fr#Design_Patterns|Tous les design patterns microformat]]
-I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
+* 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 définition de 'class'], comprend des notes sur plusieurs noms de classe

I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST at 03:14, 22 September 2013

2013-09-22T03:14:53Z

@@ Line 1: / Line 1: @@
-= Class design pattern =
+I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
-== Comment l'utiliser ==
+I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
-== Description ==
+I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
-<pre><nowiki>
+I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
-Remarquez tout particulièrement :
+I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
-* 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.
+I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
-==En rapport ==
+I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
-== Voir aussi ==
+I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
-* [[Main_Page-fr#Design_Patterns|Tous les design patterns microformat]]
-* John Udell [http://weblog.infoworld.com/udell/2004/02/09.html écrit] à propos de plusieurs noms de classe
+I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LISTI MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST
-* [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

Brian: Reverted edits by AcoloPasc4 (Talk) to last version by ChristopheDucamp

2008-12-20T22:17:52Z

Reverted edits by AcoloPasc4 (Talk) to last version by ChristopheDucamp

← Older revision		Revision as of 22:17, 20 December 2008
Line 1:		Line 1:
	~~eltchi~~
	= 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. Voir la discussion des [[semantic-class-names-fr\|noms de classes ~~sÃ©mantiques~~]] pour l'historique.		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'~~Ã©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~~"]].		* 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 ~~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.		* 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 ~~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 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 ~~Ãelik~~</a>,		<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 ~~particuliÃ¨rement~~ :		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.
	* 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 à 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 <code>"url fn"</code>). Ceci permet :		* l'utilisation de plusieurs noms de classe sur un élément unique (comme <code>"url fn"</code>). Ceci permet :
	** 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 ==		==En rapport ==
	* [[semantic-xhtml-fr\|xhtml ~~sÃ©mantique~~]]		* [[semantic-xhtml-fr\|xhtml sémantique]]
	* [[semantic-class-names-fr\|noms de classes ~~sÃ©mantiques~~]]		* [[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 ~~Ã©crit~~] Ã propos de plusieurs noms de classe		* 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 ~~dÃ©finition~~ de 'class'], comprend des notes sur plusieurs noms de classe		* [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

AcoloPasc4: chiracvirola

2008-12-20T04:21:09Z

chiracvirola

← Older revision		Revision as of 04:21, 20 December 2008
Line 1:		Line 1:
			eltchi
	= 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. Voir la discussion des [[semantic-class-names-fr\|noms de classes ~~sémantiques~~]] pour l'historique.		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'~~é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~~"]].		* 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 ~~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.		* 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 ~~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 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 ~~Çelik~~</a>,		<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 ~~particulièrement~~ :		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.
	* 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 Ã 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 <code>"url fn"</code>). Ceci permet :		* l'utilisation de plusieurs noms de classe sur un Ã©lÃ©ment unique (comme <code>"url fn"</code>). Ceci permet :
	** 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 ==		==En rapport ==
	* [[semantic-xhtml-fr\|xhtml ~~sémantique~~]]		* [[semantic-xhtml-fr\|xhtml sÃ©mantique]]
	* [[semantic-class-names-fr\|noms de classes ~~sémantiques~~]]		* [[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 ~~écrit~~] à propos de plusieurs noms de classe		* 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 ~~définition~~ de 'class'], comprend des notes sur plusieurs noms de classe		* [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

ChristopheDucamp: synchro

2007-09-06T02:05:31Z

synchro

← Older revision		Revision as of 02:05, 6 September 2007
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 ==

ChristopheDucamp: class-design-pattern : translation to be reviewed

2006-06-27T10:32:07Z

class-design-pattern : translation to be reviewed

New page

= Class design pattern =

== Intention ==
Utiliser le [[class-design-pattern-fr|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 [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.
* si un élément sémantique approprié n'est pas disponible, utilisez <code>span</code> ou <code>div</code>.

== 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 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>
<div class="vcard">
<a class="url fn" href="http://tantek.com/">Tantek Çelik</a>,
<span class="org">Technorati</span>
</div>
</nowiki></pre>

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

* 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 à 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 <code>"url fn"</code>). Ceci permet :
** des éléments uniques ont plusieurs sens
** permet d'ajouter de la sémantique à une présentation existante

== Voir aussi ==
* [[Main_Page-fr#Design_Patterns|Tous les design patterns microformat]]
* 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 définition de 'class'], comprend des notes sur plusieurs noms de classe