关于hCard

在说hCard前我们先认识下vCard，vCard标准正在被广泛使用，像Mac系统中的”Address Book”。

另外，其它博客作者使用它加上少量的HTML用来描述本人或他们的朋友或家庭。而且搜索引擎蜘蛛或其它聚合器能收集到这些信息，自动转换为vCard，然后把它们用到一些vCard相关程序或服务，如outLook的导入vCard文件。

hCard采用了以vCard的属性和值1比1对应的方式。博客作者们可以利器具语义的HTML和vCard标准来在他们的页面上插入hCard，然后用CSS来美化。另外，hCard能够让使用程序从页面直接取回信息，而不用通过其它独立的vCard文件取得。

你可以马上用官方的 hCard创建器 来创建你的hCard代码并放在你的博客或网站以共享你的团体信息。

翻译自Microformats.org

hCard的出现让web2.0的共享精神愈加强烈。microformat制定了许多标准，在不改变页面结构的情况下，我们可以共享我们页面的数据出来。业界也不断出现了许多对于hCard的解释，这边我大部分翻译了microformat官方文章和部分文章，详细整理一下，hCard大致分为六大类：

• 识别类
  用来识别hCard的一些信息，如姓名，相片等。
• 地址类
  记录您的地址、邮编等信息。
• 通讯类
  记录您的通讯信息，比如电话、email等。
• 地理类
  地理位置的信息，时区、经纬度等。
  这个类别也己经独立制定为为另一个规范geo，目前 FireFox 的 Operator 插件支持找到页面上符合的 geo 规范的数据，依据经纬度Operator可以跳转到Google Maps或Yahoo Maps相应的地址，不过目前geo没有zoom属性，所以转向后地图总是默认放大倍数。
• 组织类
  hCard所属的组织、公司或相关信息。
• 备注类
  hCard相关信息及备注。如hCard属于哪一种分类，hCard的最新修正时间等等。
• 安全类
  hCard的安全相关信息，比如地下等级、访问密码等。

识别类

fn
格式化名称，hCard中只能出现一个，并且必须存在！

例子1:

<div class="vcard"> 
   <span class="fn">tommyfan</span> 
</div> 

如果fn属性里面出现value属性，value内的值将做为fn的值

例子2:

<div class="vcard"> 
   <span class="fn">my name is <strong class="value">tommyfan</strong></span> 
</div> 

如果使用abbr标签，指定title。title的值将成为fn的值

例子3:

<div class="vcard"> 
   他们总叫我<abbr class="fn" title="tommyfan" >偷米饭</span> 
</div>