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

Question

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

<div class="contact">
    <h3>Contact me</h3>
    <p>Telephone: <span>01111 1111</span></p>
    <p>Email: <span><a href="mailto:me@me.com">me@me.com</a></span></p>
</div>

Answer 1

您可以使用主要搜索引擎都支持的微格式或微数据（例如使用schema.org的语法）。

我不能确定哪个是标准，因为当我看到这个时，他们周围有很多讨论。但认为应该使用的是微数据。我个人更喜欢微数据，因为它们更灵活，有更多选择，而且不使用类。

编辑 这里是来自whatwg的microdate的规格和w3c的草案

使用带有schema.org语法的微数据的示例

<div itemscope itemtype="http://schema.org/Person">
  <p>Telephone:  <span itemprop="telephone">01111 1111</span></p>
  <p>Email: <a href="mailto:me@me.com" itemprop="email">me@me.com</a></p>
</div>

为了完成还有一个微格式的例子：

<div class="vcard">
    <p>Telephone:  <span class="tel">01111 1111</span></p>
    <p>Email: <a class="email" href="mailto:me@me.com">me@me.com</a></p>
</div>