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了,其他的可能要看用于的环境吧。

分类: 高级web标准解决方案 标签: 微格式

评论

暂无评论数据

暂无评论数据

目录