木灵鱼儿

木灵鱼儿

阅读:1055

最后更新:2019/06/19/ 15:01:51

微格式

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

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 0
文章被阅读 1055

相关文章

目录树