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

你可以使用 microformats或微数据(例如使用 schema.org 的语法)均受主要搜索引擎支持。

我不能肯定地说哪个是标准的，因为有一次我看了这个，那里有很多关于它们的讨论。但认为应该使用微数据。我个人更喜欢微数据，因为它们更灵活，选项更多，而且不使用类。

编辑以下是来自 whatwg 的微日期规范和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>