adr-examples-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
([fr: added "utilisation de l'élément address" -> to be translated])
m (Reverted edit of UywBdq, changed back to last version by RyanKing)
 
(5 intermediate revisions by 4 users not shown)
Line 40: Line 40:
'''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.'''
'''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.'''


The <code>&lt;address&gt;</code> element does NOT mean what you might think it means (unless you are one of the few folks who has thoroughly read the [http://w3.org/tr/html401 HTML 4.01 recommendation]).  
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]).  


The <code>&lt;address&gt;</code> element '''does NOT mean "address"'''.
L'élément <code>&lt;address&gt;</code> '''ne veut PAS dire "address"'''.


Please read the [[hcard-faq|hCard FAQ]] ''first'' before even considering this, especially the [[hcard-faq#Should_I_use_ADDRESS_for_hCards||section on the <code>&lt;address&gt;</code> element]].
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>]].


If you have read all that first, note that it is possible in some rare situations to use the HTML <code>[http://www.w3.org/MarkUp/html3/address.html &lt;address&gt;]</code> element with <strong>adr</strong>, '''IF''' the information specifies a contact address for the current document, such as site contact or business address, though even in most of those cases, you should be using [[hcard|hCard]] instead, as illustrated in [[hcard-examples#Authors_of_Pages_and_Posts||hCard Examples: Authors of Pages and Posts]].
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]].


The <code>&lt;address&gt;</code> element in general should <strong>not</strong> be used for every instance of <strong>adr</strong>.  
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>.  


Example using ADDRESS:
Exemple utilisant ADDRESS :


<pre><nowiki>
<pre><nowiki>
Line 63: Line 63:
</nowiki></pre>
</nowiki></pre>


But even this example is better marked up as an [[hcard|hCard]], since that is the address of a specific organization:
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>
<pre><nowiki>
Line 81: Line 81:
</nowiki></pre>
</nowiki></pre>


Note: <code>&lt;address&gt;</code> MUST only contain inline elements which leads to the awkwardness of using code like <nowiki><span class="display:block"></nowiki>. This makes the <code>&lt;address&gt;</code> element awkward to use for many real content situations.
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>

Latest revision as of 23:04, 8 June 2007

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