基本微格式 HCard | CSS-Tricks

一个基本的地址和 URL，使用微格式标记。

<div id="hcard-Christopher-John-Coyier" class="vcard">
 <a class="url fn n" href="http://chriscoyier.net">
  <span class="given-name">Christopher</span>
  <span class="additional-name">John</span>
  <span class="family-name">Coyier</span>
</a>
 <div class="org">CSS-Tricks</div>
 <a class="email" href="mailto:[email protected]">[email protected]</a>
 <div class="adr">
  <div class="street-address">123 Appleseed Street</div>
  <span class="locality">Chicago</span>, <span class="region">IL </span> <span class="postal-code">60647</span>
  <span class="country-name">United States</span>
 </div>
 <div class="tel">555-555-5555</div>
</div>

Paul Randall

# 2009 年 8 月 28 日

我自己第一次使用它！值得做，因为它赋予数据意义，而 Google 正在利用这些信息。

Art

# 2010 年 1 月 30 日

我对微格式唯一的问题是，它为垃圾邮件机器人提供了所有他们需要打扰我们的东西。如果不混淆数据，我宁愿在我的网站上使用纯文本而不是微格式。在解决这个巨大的漏洞之前，我无法支持这些东西（好主意……糟糕的实现）。

-Art

Micha

评论永久链接# 2013 年 10 月 28 日

你可以简单地混淆信息，然后通过 javascript 解混淆它。
这样垃圾邮件机器人就无法使用这些信息。

Attila Hajzer

# 2011 年 9 月 29 日

这很有趣，标题说的是 hCard。但在代码中却写着 Vcard。

Kenny

# 2013 年 1 月 9 日

Attila，类 vcard 是一个根类名称，表示存在 hCard。

vladyn

# 2017 年 1 月 4 日

我在我的网站上广泛使用过它们，但由于我两年多没有关注这种趋势，我想问问它们为什么仍然很流行并且被广泛使用？
有没有像 schema 或 RDFa 这样的替代方案？

评论

发表回复 取消回复

发表回复取消回复