the - ¿La tarjeta vCard de Microformats sigue siendo la mejor forma semántica de codificar “información de contacto” en HTML 5?

semantic html best practices

Question

¿Los microformatos siguen siendo la mejor forma semántica de codificar la información de contacto en una página web?

Hice esta pregunta hace casi 2 años y obtuve la respuesta donde Microformat era la mejor solución. ¿Cuál es el mejor método para codificar la dirección física en html?

Hoy en día en HTML 5, ¿sigue siendo la mejor manera?

<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> [phone]
  </div>
  <div class="tel">
    <span class="type">Fax</span> [phone]
  </div>
  <div>Email: 
   <span class="email">[email protected]</span>
  </div>
</div>

Answer 1

Aquí está el formulario de "conversión" que estoy usando, si ayuda. (En el primer par de sitios olvidé la etiqueta doc html5 y dediqué una hora a averiguar por qué no funcionaba, no se reconocen los elementos del documento si el tipo de documento es incorrecto, ¿verdad?)

<div itemscope itemtype="http://data-vocabulary.org/Organization"> 
    <h2 itemprop="name">Heading2</h2>
    TEXT text text

    <div itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
        <span itemprop="street-address">12345 test way </span>, 
        <span itemprop="locality">Testville</span>, 
        <span itemprop="region">TS</span> 
        <span itemprop="postal-code">00000</span>
    </div>
    <span itemprop="geo" itemscope itemtype="http://www.data-vocabulary.org/Geo/" style="display:none"><!—Don’t display in UI-->
        <span itemprop="latitude">11.1111 N</span>  
        <span itemprop="longitude">11.1111 W</span>  
    </span>  
    <p>Call us at:</p> 
    <span itemprop="tel">555-555-5555</span>
    <div>
        <a href="http://www.blahblahbla.com" itemprop="url"> http://www.blahblahbla.com</a>
    </div>
</div>

( Citation ).

Answer 2

Es un poco diferente en HTML5, pero se basa en el mismo concepto. Ver:

• Ejemplos e información sobre lo que le gustaría hacer @ http://rachaelmoore.name/posts/design/html/html5-microdata-contact-info/
• La especificación @ http://www.w3.org/TR/microdata/