IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

微格式:让网页更加语义化

标点符 2011-05-25 13:42:19 累计浏览 2,587 次
本机暂存

    微格式(Microformat),是建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式。是把语义嵌入到HTML以便有助于分离式开发而制定的一些简单约定,是兼顾人机可读性设计的数据表达方式,对Web网页进行语义注解的方法。这种方法依托于标准的Web页面写作技术,例如,XHTML,这样引入语义信息对浏览器等所有现存的Web技术冲击最小。采用Microformat的 Web页面,在XHTML文档中给一些标签(Tag)增加一些属性(attribute),这些属性对信息的语义结构进行注解,处理XHTML文档的软件,例如,浏览器等,如果不认识这些属性可以跳过,并不造成任何不良影响。

    原图已失效

    上图是Microformat技术的示意图。XHTML文档中的Microformat代码可以有两类:compound microformat和elemental microformat.

    设计师和开发人员使用微格式来添加结构和针对网络发布有意义的信息,需要作的仅仅是为现有的(X)HTML元素添加元数据和其他属性。所以,我们无需抛开已有的工作习惯,因为微格式提供的解决方法是符合当前我们行为和习惯模式的。

    从技术上来说,这些数据是一些语义标记,用标准的(X)HTML中的class名称设置。他是开放、可用、自由的,可以被任何人使用。

    那么,微格式在实际应用中的意义和作用又是什么呢?微格式按照某种已有的被广泛应用的标准,通过对内容块的语义标记,可以让外部应用程序、聚合程序和搜索引擎能够做以下事情:

  • 在爬取Web内容时,能够更为准确地识别内容块的语义;
  • 对内容进行操作,包括提供访问、校对,还可以将其转化成其他的相关格式,提供给外部程序和Web服务使用。
  •     从技术上来说,这些数据是一些语义标记,用标准的(X)HTML中的class名称设置。他是开放、可用、自由的,可以被任何人使用。

        微格式包括hAtom、hCard、Geo、hCalendar等。

        例如一个地理坐标:52.48,-1.89,普通人无法理解这些数字的含义。现在我们可以把它做成微格式(geo),表示如下:

        52.48, -1.89

        这样机器就可以正确地理解这些数字的含义,可以对他进行索引,在地图上看他的位置,把它导出到GPS设备,以及其他的用途。

        参考链接:

        http://en.wikipedia.org/wiki/Microformat

        http://microformats.org/wiki/Main_Page

        http://zh.wikipedia.org/zh-cn/VCard

        http://www.cnblogs.com/zhoup/archive/2006/02/21/334798.html

        http://blog.chaoskey.com/2008/09/22/179

        http://microformats.org/wiki/Main_Page

        http://en.wikipedia.org/wiki/Microformat

        http://en.wikipedia.org/wiki/Geo_(microformat)

        http://en.wikipedia.org/wiki/HCard

        http://en.wikipedia.org/wiki/Geo_URI

        http://en.wikipedia.org/wiki/VCard

    同分类推荐文章

    1. translateZ() (2026-06-25 21:18:56)
    2. translateY() (2026-06-25 21:17:56)
    3. translateX() (2026-06-25 21:16:01)

    查看更多 前端 文章 →

    建议继续学习

    1. 各公司对前端开发的职位描述 (累计阅读 10,405)
    2. 浏览器的渲染原理简介 (累计阅读 8,377)
    3. iframe里src="about:blank"的问题。 (累计阅读 8,089)
    4. 程序员眼里IE浏览器是什么样的 (累计阅读 8,011)
    5. 2010网页设计趋势 (累计阅读 7,818)
    6. Web前端工程师编程能力飞升之路 (累计阅读 7,691)
    7. 为什么招不到人 (累计阅读 7,580)
    8. 如何判断自己是否到了该辞职的时候 (累计阅读 7,441)
    9. 如何成为一名优秀的web前端工程师(前端攻城师)? (累计阅读 7,213)
    10. 警惕 Chrome 的查看源代码 (View Page Source) 功能 (累计阅读 7,170)