Utilizzando la semantica HTML5, qual è il modo corretto per marcare una parte di contatto di una pagina vale a dire:Come markup indirizzo email e numero di telefono
<div class="contact">
<h3>Contact me</h3>
<p>Telephone: <span>01111 1111</span></p>
<p>Email: <span><a href="mailto:[email protected]">[email protected]</a></span></p>
</div>
Si potrebbe utilizzare microformats o microdati (ad esempio, utilizzando la sintassi di schema.org) entrambi sono supportati dai principali motori di ricerca.
Non posso dire con certezza quale sia lo standard, perché la volta in cui ho guardato a questo là dove molte discussioni intorno a loro. Ma pensate che siano i microdati che dovrebbero essere usati. Personalmente preferisco i microdati perché sono più flessibili con più opzioni e non usano le classi.
EDIT Ecco le specifiche per microdate dal whatwg e il progetto di w3c
Esempio con microdati schema.org con sintassi
<div itemscope itemtype="http://schema.org/Person">
<p>Telephone: <span itemprop="telephone">01111 1111</span></p>
<p>Email: <a href="mailto:[email protected]" itemprop="email">[email protected]</a></p>
</div>
Per completamento anche un esempio con microformati:
<div class="vcard">
<p>Telephone: <span class="tel">01111 1111</span></p>
<p>Email: <a class="email" href="mailto:[email protected]">[email protected]</a></p>
</div>
Dai un'occhiata al link: http://blogs.msdn.com/b/jennifer/archive/2011/08/01/html5-part-1-semantic-markup-and-page-layout.aspx – pavan