hcard概念如何在HTML中工作

Question

所以最近我正在读一本名为Adaptive Webdesign的书,我遇到了一个叫做hcard,hcalendar的东西,我去了它的各自的文档页面.现在问题是我不明白这是如何工作的？它用来表示人......标记就是这样的

<div class="vcard">
    <a class="url fn" href="http://tantek.com/">Tantek Çelik</a>
</div>

现在我知道这些类的含义就像是url指示给定链接将用户带到网页并fn表示格式化名称等......

那么这些类是否指向搜索引擎内容是一个hCard或它呈现不同的等等.有人可以解释我这是如何工作的,这样做的好处是什么,从SEO的角度来看这是否很重要并且这些类是这些类预定义？

编辑:这些课程保留了吗？如果我将它们用于其他元素怎么办？是否有任何javvascript我可以调用onclick一个按钮来保存计算机/用户设备上的vcard？

Answer 1

vCard 是电子名片的标准。hCard 获取这些标签并将它们用作 HTML 中数据周围的类名。每个 hCard 都在 class="vcard" 的块内开始。

其中一些类型具有子属性。例如，“tel”值包含“type”和“value”。通过这种方式，您可以指定单独的家庭和公司电话号码。“adr”类型有很多子属性（邮政信箱、扩展地址、街道地址、地点、地区、邮政编码、国家/地区名称、类型、值）。

<div class="vcard">
   <div class="fn">xxxxx</div>
   <div class="adr">
      <span class="locality">yyyy</span>,
      <span class="country-name">zzzzz</span>
   </div>
</div>

类名称不必在页面中具有任何含义。但是，您始终可以利用它们来设计您的联系信息。您还可以在浏览器的用户样式表中设置它们的样式，以便您在网上冲浪时可以找到它们。（原始出处）

关于SEO方面，请查看这篇文章为您的网站本地搜索引擎优化的提示