Skip to content

[软技能] 第136天 你知道什么是微格式(microformat)吗?说说你的理解,它有什么运用场景? #1131

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第136天 你知道什么是微格式(microformat)吗?说说你的理解,它有什么运用场景?

Activity

xxf1996

xxf1996 commented on Aug 30, 2019

@xxf1996

查了一下资料,这个微格式可以看做是在HTML内约定俗成的数据展示方式或协议?方便搜索引擎或是聚合器这类数据抓取工具获取某类特定信息。

EmiyaYang

EmiyaYang commented on Aug 31, 2019

@EmiyaYang

microformats官方定义
Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards.

应用场景:

  1. 手机通信录使用vCard, 这是一种电子名片的微格. 导出文件格式为vcf
  2. 使用hCard定义的一系列语义化属性作为dom的class进行添加, 增强语义化, 有利于SEO
censek

censek commented on Feb 19, 2020

@censek

微格式,利用 HTML 的 class 属性来对网页添加附加信息。

  • vCard(电子名片)
  • iCalendar(日历数据交换)

应用举例:当你用手机浏览某公司的网站时,手机浏览器识别出了网页中的 hCard 信息。这个 hCard 标记了该公司的多种联络方式,手机浏览器很聪明地提示你“是否保存到通讯录”,于是你可以很经松地保存所需要的信息。

<div class="vcard">
    <div class="fn">Joe</div>
    <div class="org">Company A</div>
    <div class="tel">400-800-12345</div>
    <a href="http://companyA.com" class="url">http://companyA.com</a>
</div>

这里,正式名称 class=”fn”,组织 class=”org”,电话号码 class=”tel” 和 url class=”url” 分别用相应的 class 标示;同时,所有内容都包含在 class="vcard" 里。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@xxf1996@EmiyaYang@censek

        Issue actions

          [软技能] 第136天 你知道什么是微格式(microformat)吗?说说你的理解,它有什么运用场景? · Issue #1131 · haizlin/fe-interview