微格式
hCard
微格式一般用于提高seo识别,方便内容获取,比如,你给一个span元素添加一个电话号码,但是你要是想要软件可以识别,或者seo能够更直接抓取到内容,就使用微格式。
<div class="vcard">
<span class="tel">0621-032145</span>
</div>
使用一个class等于vcard,表明这是一段微格式代码,通过不同class类名来声明其意义,微格式其实有很多的类名,这里枚举一下常用的。
类名 | 含义 |
---|---|
adr | 工作地址 |
agent | 代理本人可以联系的人 |
bday | 出生日期 |
category | 与你相关的类别,比如个人标签 |
邮件地址 | |
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标准解决方案
标签:
微格式
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
暂无评论数据