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

使用 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>

解决方法

您可以使用 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:[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>