https://microformats.org/wiki/api.php?action=feedcontributions&feedformat=atom&user=AcoloPasc4 2026-04-16T21:03:12Z User contributions MediaWiki 1.38.4 https://microformats.org/wiki/index.php?title=class-design-pattern-fr&diff=36003 2008-12-20T04:21:09Z

<p>AcoloPasc4: chiracvirola</p> <hr /> <div>eltchi<br /> = Class design pattern =<br /> == Intention ==<br /> 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.<br /> <br /> == Comment l'utiliser ==<br /> * 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 &lt;code&gt;span&lt;/code&gt; ou &lt;code&gt;div&lt;/code&gt;. Evitez toujours le [[presentational-xhtml-fr|(X)HTML &quot;présentationnel&quot;]]. <br /> * ajoutez de la sémantique au (X)HTML en utilisant les [[semantic-class-names|noms de classe sémantiques]]. L'attribut &lt;code&gt;class&lt;/code&gt; est une liste séparée par des espaces de noms de classe.<br /> * choisir toujours des noms en suivant les [[naming-principles|principes de nommage des microformats]].<br /> <br /> == Description ==<br /> 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 &lt;code&gt;class&lt;/code&gt; 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 &quot;class design pattern&quot; :<br /> <br /> &lt;pre&gt;&lt;nowiki&gt;<br /> &lt;div class=&quot;vcard&quot;&gt;<br /> &lt;a class=&quot;url fn&quot; href=&quot;http://tantek.com/&quot;&gt;Tantek Çelik&lt;/a&gt;,<br /> &lt;span class=&quot;org&quot;&gt;Technorati&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/nowiki&gt;&lt;/pre&gt;<br /> <br /> Remarquez tout particulièrement : <br /> <br /> * la section du document XHTML sur laquelle s'applique le microformat est définie par &lt;code&gt;class=&quot;vcard&quot;&lt;/code&gt;. Ceci est très commun parmi les microformats non triviaux.<br /> * l'utilisation à la fois dans la ligne (&amp;lt;a&gt; et &amp;lt;span&gt;) et des éléments de niveau bloc (&amp;lt;div&gt;). 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<br /> * l'utilisation de plusieurs noms de classe sur un élément unique (comme &lt;code&gt;&quot;url fn&quot;&lt;/code&gt;). Ceci permet :<br /> ** des éléments uniques ont plusieurs sens<br /> ** permet d'ajouter de la sémantique à une présentation existante<br /> <br /> ==En rapport ==<br /> * [[semantic-xhtml-fr|xhtml sémantique]]<br /> * [[semantic-class-names-fr|noms de classes sémantiques]]<br /> <br /> == Voir aussi ==<br /> * [[Main_Page-fr#Design_Patterns|Tous les design patterns microformat]]<br /> * John Udell [http://weblog.infoworld.com/udell/2004/02/09.html écrit] à propos de plusieurs noms de classe<br /> * [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</div>

AcoloPasc4