adr-examples-fr

(Difference between revisions)

Jump to: navigation, search
m (Reverted edit of YzvHva, changed back to last version by ChristopheDucamp)
Line 24: Line 24:
== Utilisation de abbr ==
== Utilisation de abbr ==
-
Utilisation de l'élément <code>&lt;abbr&gt;</code>.
+
Utilisation de l'élément <code>
-
 
+
-
Un balisage sémantiquement-correct utiliserait l'élément <code>&lt;abbr&gt;</code> tout en utilisant les propriétés <em>region</em>, <em>country-name</em> et peut-être d'autres  <strong>adr</strong> par exemple :
+
-
 
+
-
<pre><nowiki>
+
-
<abbr class="region" title="California">CA</abbr>,
+
-
<abbr class="country-name" title="United States">US</abbr>
+
-
</nowiki></pre>
+
-
 
+
-
Pour les noms de pays en entier dans l'attribut <code>title</code> de l'élément  <code>&lt;abbr&gt;</code> au moment d'utiliser la propriété <em>country-name</em>,
+
-
utilisez [http://www.iso.org/iso/en/prods-services/iso3166ma/02iso-3166-code-lists/list-en1.html ISO 3166-1].
+
-
 
+
-
== Utilisation de l'élément address ==
+
-
 
+
-
'''Attention : L'élément <code>&lt;address&gt;</code> est généralement très déroutant pour les auteurs web et il est mieux de l'éviter.'''
+
-
 
+
-
L'élément <code>&lt;address&gt;</code> ne signifie PAS que vous pourriez penser ce qu'il veut dire (à moins que vous ne fassiez partie parmi les rares ayant lu à fond la [http://www.la-grange.net/w3c/html4.01/cover.html recommandation]).
+
-
 
+
-
L'élément <code>&lt;address&gt;</code> '''ne veut PAS dire "address"'''.
+
-
 
+
-
Lisez svp '''d'abord''' les [[hcard-faq|hCard FAQ]] avant même de considérer cela, tout spécialement la [[http://microformats.org/wiki?title=hcard-faq-fr#Devrais-je_utiliser_ADDRESS_pour_les_hCards|section sur l'élément  <code>&lt;address&gt;</code>]].
+
-
 
+
-
Si vous avez déjà lu tout ça, notez qu'il est possible dans quelques situations rares d'utiliser l'élément HTML <code>[http://www.w3.org/MarkUp/html3/address.html &lt;address&gt;]</code> avec <strong>adr</strong>, '''SI''' l'information spécifie une adresse de contact pour le document en cours, tel qu'un contact sur le site ou une adresse d'entreprise, même si dans la plupart de ces cas, vous devriez utiliser à la place [[hcard-fr|hCard]] comme c'est illustré dans [[http://microformats.org/wiki?title=hcard-examples-fr#Auteurs_de_Pages_et_de_Posts||hCard Exemples: Auteurs de Pages et de Posts]].
+
-
 
+
-
L'élément <code>&lt;address&gt;</code> en général ne devrait <strong>pas</strong> être utilisé pour chaque instance de <strong>adr</strong>.
+
-
 
+
-
Exemple utilisant ADDRESS :
+
-
 
+
-
<pre><nowiki>
+
-
<address class="adr">
+
-
<span class="street-address">665 3rd St.</span>
+
-
<span class="extended-address">Suite 207</span>
+
-
<span class="locality">San Francisco</span>,
+
-
<span class="region">CA</span>
+
-
<span class="postal-code">94107</span>
+
-
<span class="country-name">United States</span>
+
-
</address>
+
-
</nowiki></pre>
+
-
 
+
-
Mais même cet exemple est mieux balisé sou une [[hcard-fr|hCard]], parce que ceci est l'adresse d'une organisation spécifique :
+
-
 
+
-
<pre><nowiki>
+
-
<address class="vcard">
+
-
<a class="url fn org" href="http://technorati.com/">Technorati</a>
+
-
<span class="adr" style="display:block">
+
-
  <span class="street-address">665 3rd St.</span>
+
-
  <span class="extended-address">Suite 207</span>
+
-
  <span style="display:block">
+
-
  <span class="locality">San Francisco</span>,
+
-
  <span class="region">CA</span>
+
-
  <span class="postal-code">94107</span>
+
-
  </span>
+
-
  <span class="country-name">United States</span>
+
-
</span>
+
-
</address>
+
-
</nowiki></pre>
+
-
 
+
-
Note : <code>&lt;address&gt;</code> ne DOIT uniquement contenir que des éléments dans la ligne qui explique la gaucherie de cet exemple utilisant <nowiki><span class="display:block"></nowiki>. Si vous utilisez <code>&lt;address&gt;</code> pour une hCard, considérez de migrer la CSS vers une feuille de style externe comme :
+
-
 
+
-
<pre><nowiki>
+
-
address span.adr { display:block; }
+
-
</nowiki></pre>
+

Revision as of 16:59, 8 June 2007

Contents

Plus d'exemples ADR


Utilisez hCard à la place à chaque fois que possible

Note : vous devriez toujouts utiliser hCard au lieu de adr chaque fois que c'est possible. Si vous balisez une adresse qui est associée avec une personne nommée ou un lieu, alors balisez cette personne nommée ou ce lieu avec cette adresse sous une hCard avec une propriété "adr" et ses sous-propriétés. Voir hCard publication, et hCard exemples pour en savoir plus à ce sujet.

LOCALITY et autres fragments ADR

Utiliser le microformat adr ne devrait pas être simplement limité à des ensembles complets de données d'information. Dans certains cas, les personnes font référence à des régions ou des localités sans quelque information additionnelle.

En balisant ces cas, l'utilisation de microformats, (particulièrement adr), montera en flèche.

Par exemple - avec le billet en-dessous, nous faisons réfrence à une ville sans rien d'autre. Parce que j'ai balisé le nom de la cité avec la propriété locality, j'ai ajouté la propriété adr à l'élément bloc de niveau parent qui contient la propriété appropriée locality.

Exemple :

<p class="adr">Incroyable. Hier le température dans <span  
class="locality">Asnières</span> était de 45 degrés. </p>

Utilisation de abbr

Utilisation de l'élément

adr-examples-fr was last modified: Wednesday, December 31st, 1969

Views