Quelle est la façon la plus sémantique d'afficher une adresse de rue en HTML?

StackOverflow https://stackoverflow.com/questions/2359440

Question

J'ai une adresse qui va être affichée sur une page Web, mais ce n'est pas l'adresse de l'auteur de la page. Comment être codé pour être sémantique compte tenu du Recommandation W3C de:

L'élément d'adresse peut être utilisé par les auteurs pour fournir des coordonnées pour un document ou une partie importante d'un document tel qu'un formulaire. Cet élément apparaît souvent au début ou à la fin d'un document.

Était-ce utile?

La solution

Vous pouvez utiliser le HCARD Microformat pour décrire votre adresse. L'avantage des microformats est que vous pouvez les utiliser dans vos documents existants pour les enrichir.

Voici un exemple dérivé de l'exemple du Wiki microformats:

<address class="vcard">
  <span class="adr">
    <span class="street-address">169 University Avenue</span>
    <span class="locality">Palo Alto</span>,  
    <abbr class="region" title="California">CA</abbr>&nbsp;&nbsp;
    <span class="postal-code">94301</span>
    <span class="country-name">USA</span>
  </span>
</address>

Autres conseils

La réponse de Gumbo manque l'ingrédient vital. Un hcard / vCard est obligatoire pour avoir un nom.

http://microformats.org/wiki/hcard#property_list

De plus, la balise d'adresse ne doit pas être utilisée dans ce cas car elle est spécifiquement utilisée pour se rapporter à l'auteur de la page sur laquelle il est affiché.

<div class="vcard">
  <span class="fn">Tristan Ginger</span>
  <span class="adr">
    <span class="street-address">169 University Avenue</span>
    <span class="locality">Palo Alto</span>,  
    <abbr class="region" title="California">CA</abbr>
    <span class="postal-code">94301</span>
    <span class="country-name">USA</span>
  </span>
</div>

La plupart des entreprises souhaitant afficher leur adresse sur leur site Web doivent utiliser ce qui suit:

<address class="vcard">
  <span class="fn org">Tristan Ginger Inc</span>
  <span class="adr">
    <span class="street-address">69 University Avenue</span>
    <span class="locality">Great Bookham</span>,  
    <span class="region">Surrey</span>
    <span class="postal-code">KT22 9TQ</span>
    <span class="country-name">UK</span>
  </span>
</address>

vous pouvez utiliser Rdfa, par exemple:

<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:foaf="http://xmlns.com/foaf/0.1/"
    xmlns:address="http://schemas.talis.com/2005/address/schema#"
    xml:lang="fr" lang="fr"
>
 <head>...</head>
 <body>
  <div typeof="foaf:Person" about="http://you.openid.com#me">
   <span id="name" property="foaf:name">First Name, Last Name</span>
   <address property="address:streetAddress">My Street, My City</address>
  </div>
 </body>
</html>

Vous pouvez utiliser le vocabulaire schéma.org Adresse postale Article pour ceci. Il peut être utilisé via Microdata, Rdfa, ou JSON-LD.

Par exemple, en utilisant RDFA:

<div vocab="http://schema.org/" typeof="PostalAddress">
 <span property="name">Google Inc.</span>
 P.O. Box<span property="postOfficeBoxNumber">1234</span>
 <span property="addressLocality">Mountain View</span>,
 <span property="addressRegion">CA</span>
 <span property="postalCode">94043</span>
 <span property="addressCountry">United States</span>
</div>

Afaik, cela devrait également être valide avec <address> à la place de l'enclosage <div>:

<address vocab="http://schema.org/" typeof="PostalAddress">
 <span property="name">Google Inc.</span>
 P.O. Box<span property="postOfficeBoxNumber">1234</span>
 <span property="addressLocality">Mountain View</span>,
 <span property="addressRegion">CA</span>
 <span property="postalCode">94043</span>
 <span property="addressCountry">United States</span>
</address>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top