所以最近我在读一本叫做 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？
这个概念允许机器获取有关内容的详细信息。这很简单，您知道给定名称是什么。机器不... :)
所以你需要一种方法来告诉机器你的 html 包含什么样的数据。
例如：您可以像下面的示例一样丰富您的数据，并允许（可能是地址簿应用程序）获取有关应填写哪些字段的详细信息。
<div class="vcard">
<a class="url fn" href="http://tantek.com/">
<span class="family-name">Tantek</span>
<span class="given-name">Çelik</span>
</a>
</div>
此代码段允许地址簿应用程序。轻松找到给定名称并将其设置为正确的字段。顺序在这里并不重要。
测试您的“丰富片段”：http ://www.google.com/webmasters/tools/richsnippets
如果您还没有声明您正在使用hCard语法（通过使用vcard类），那么您可以随意使用您喜欢的任何类名。即使您确实开始使用 hCard 微格式，也不会隐式应用任何样式，因为微格式与显示样式无关。
使用微格式的目的是打开一个接口来公开元数据。通过以标准化的微格式提供数据，解析您网站的任何人都可以使用微格式查找相关信息。
搜索引擎尤其受益于此，因为它允许他们在结果页面上提供有关特定资源的更多信息。
我不完全了解hcard和hcalendar，但是例如，在 Google 上查找 Stack Overflow 问题，您会看到发布时间出现在内容旁边，对于许多网站，它还显示名称作者。
换句话说，谷歌将使用这些微格式来增强搜索体验，方法是在从页面解析时为搜索提供元数据。
你帮助谷歌，他们帮助你。
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 方面，请查看这篇文章为您的网站优化本地搜索引擎的技巧
我建议您将http://schema.org/用于微格式。Google 官方推荐使用它，Bing 和许多其他搜索引擎也完全支持它。当您使用 schema.org 微格式时，搜索引擎爬虫将从您的标记中提取数据实体，并将它们以相应的方式显示在搜索结果中。
所以是的，使用微格式有好处。通过使用它们，您可以改善搜索引擎爬虫的行为，您的内容将被正确索引，更重要的是，它将被正确分类，因此它将出现在自定义搜索中。