What is the best method to code physical address in html?

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

  •  19-09-2019
  •  | 
  •  

Question

What is the best method to code physical address in html ? in Semantic, Accessible and SEO way

Was it helpful?

Solution

Use a Microformats vCard

<div class="vcard">
  <span class="fn">Gregory Peck</span>
  <a class="org url" href="http://www.commerce.net/">CommerceNet</a>
  <div class="adr">
    <span class="type">Work</span>:
    <div class="street-address">169 University Avenue</div>
    <span class="locality">Palo Alto</span>,  
    <abbr class="region" title="California">CA</abbr>  
    <span class="postal-code">94301</span>
    <div class="country-name">USA</div>
  </div>
  <div class="tel">
   <span class="type">Work</span> +1-650-289-4040
  </div>
  <div class="tel">
    <span class="type">Fax</span> +1-650-289-4041
  </div>
  <div>Email: 
   <span class="email">info@commerce.net</span>
  </div>
</div>

Accesible: √
Semantic: I guess..
SEO: √ Google announces support for microformats

More examples at http://microformats.org/wiki/hcard-examples
Also check out the Oomph Microformats toolkit that helps you displaying and consuming microformats.

OTHER TIPS

<address> is exactly what you are looking for.

http://www.w3.org/TR/html401/struct/global.html#h-7.5.6

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top