正在加载中

最后更新于 2019年06月19日

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

  • weixiao kaixin tushetou jingkong deyi fanu liezui liuhan daku ganga bishi nanguo lihai qian yiwen numu tu yi haixiu se fadai minyan hehe henkaixin huaji biyiyan kuanghan maimeng shui xiaku penqi zhangzui pen aini ye niu laji ok chigua renshi kongbu shuai xiaoxiese touxiao huaixiao jingnu chihuai kaisang xiaoku koubi zhuangbi lianhong kanbujian shafa zhijing xiangjiao dabian yaowan redjing lazhu rizhi duocang chixigua hejiu xixi xiaopen goukun xiaobuchu shenme wusuowei guancha lajing chouyan xiaochi bie zhadanzui zhadanxiao

登录