如何标记电子邮件地址和电话号码。

Question

使用HTML5语义化，标记页面上联系人部分的正确方法是什么，即：

<div class="contact">
    <h3>Contact me</h3>
    <p>Telephone: <span>01111 1111</span></p>
    <p>Email: <span><a href="mailto:[e-mail]">[e-mail]</a></span></p>
</div>

- Marty Wallace

---

请点击以下链接查看：http://blogs.msdn.com/b/jennifer/archive/2011/08/01/html5-part-1-semantic-markup-and-page-layout.aspx - pavan

Answer 1

你可以使用microformats或microdata（例如使用schema.org的语法），这两种方式都被主要搜索引擎支持。

我不能确定哪个是标准，因为当我查看它们时，有很多讨论。但我认为应该使用microdata。个人而言，我更喜欢microdata，因为它们具有更多选项和更灵活的功能，并且不使用类。 编辑 这里是来自whatwg的microdata规范和w3c的草案。

使用schema.org语法的microdata示例。

<div itemscope itemtype="http://schema.org/Person">
  <p>Telephone:  <span itemprop="telephone">01111 1111</span></p>
  <p>Email: <a href="mailto:[e-mail]" itemprop="email">[e-mail]</a></p>
</div>

为了完整性，这里也有一个使用微格式的示例：

<div class="vcard">
    <p>Telephone:  <span class="tel">01111 1111</span></p>
    <p>Email: <a class="email" href="mailto:[e-mail]">[e-mail]</a></p>
</div>

- t.niese