hCard
微格式一般用于提高seo识别，方便内容获取，比如，你给一个span元素添加一个电话号码，但是你要是想要软件可以识别，或者seo能够更直接抓取到内容，就使用微格式。
<div class="vcard">
<span class="tel">0621-032145</span>
</div>
使用一个class等于vcard，表明这是一段微格式代码，通过不同class类名来声明其意义，微格式其实有很多的类名，这里枚举一下常用的。
| 类名 | 含义 |
|---|
| adr | 工作地址 |
| agent | 代理本人可以联系的人 |
| bday | 出生日期 |
| category | 与你相关的类别，比如个人标签 |
| email | 邮件地址 |
| fn | 你的全名 |
| geo | 联系地址 |
| logo | 联系人图标，例如公司logo |
| mailer | 联系人使用电子邮件软件的类型，比如Outlook |
| note | 联系人的其他信息 |
| org | 与联系人相关的组织，比如：xxx公司 |
| photo | 联系人照片 |
| rev | 该信息上次更新的时间 |
| role | 联系人在组织的角色，比如：扫地僧 |
| title | 职位 |
| tel | 联系电话 |
| url | 联系人相关的url |
微格式和html5中的address元素一样，个人觉得可以一起使用，就省去了一个div元素，用address代替即可。
微格式还要很多其他的格式， 除了这个hCard以外，还有hCalendar、XFN、hproduct、hRecipe、hReciew、hAtom,目前来说常用的可能就是这个hCard了，其他的可能要看用于的环境吧。
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可，禁止转载。
