adr-examples-fr

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 <abbr>.

Un balisage sémantiquement-correct utiliserait l'élément <abbr> tout en utilisant les propriétés region, country-name et peut-être d'autres adr par exemple :

<abbr class="region" title="California">CA</abbr>,
<abbr class="country-name" title="United States">US</abbr>

Pour les noms de pays en entier dans l'attribut title de l'élément <abbr> au moment d'utiliser la propriété country-name, utilisez ISO 3166-1.

Utilisation de l'élément address

Attention : L'élément <address> est généralement très déroutant pour les auteurs web et il est mieux de l'éviter.

L'élément <address> 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 recommandation).

L'élément <address> ne veut PAS dire "address".

Lisez svp d'abord les hCard FAQ avant même de considérer cela, tout spécialement la [sur l'élément <address>].

Si vous avez déjà lu tout ça, notez qu'il est possible dans quelques situations rares d'utiliser l'élément HTML <address> avec adr, 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 comme c'est illustré dans [Exemples: Auteurs de Pages et de Posts].

L'élément <address> en général ne devrait pas être utilisé pour chaque instance de adr.

Exemple utilisant ADDRESS :

<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>

Mais même cet exemple est mieux balisé sou une hCard, parce que ceci est l'adresse d'une organisation spécifique :

<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>

Note : <address> ne DOIT uniquement contenir que des éléments dans la ligne qui explique la gaucherie de cet exemple utilisant <span class="display:block">. Si vous utilisez <address> pour une hCard, considérez de migrer la CSS vers une feuille de style externe comme :

address span.adr { display:block; }