Is Microformats vCard still a best semantic way to code "contact information", in HTML 5?

Jitendra Vyas picture Jitendra Vyas · Apr 17, 2011 · Viewed 10.6k times · Source

Is Microformats still a best semantic way to code contact information in a web page?

enter image description here

I asked this question almost 2 years ago and got the answer where Microformat was the best solution. What is the best method to code physical address in html?

Now today in HTML 5, Is that still the best way?

<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">[email protected]</span>
  </div>
</div>

Answer

Hardeep picture Hardeep · Apr 17, 2011

It's a little bit different in HTML5, but builds on the same concept. See: