微格式(microformat)

2018-06-24 01:08:57来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

由于HTML中缺少相应的元素,很难突出显示人、地点或日期等类型的信息。为了解决这个问题,有一组开发人员决定开发一套标准的命名约定盒标记模式来表示这些数据。这些命名约定基于vCard和iCalendar等现有的数据格式,现在称为微格式(microformat)。请看下面的例子:

什么是微格式

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

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

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

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

  1. 在爬取Web内容时,能够更为准确地识别内容块的语义;
  2. 对内容进行操作,包括提供访问、校对,还可以将其转化成其他的相关格式,提供给外部程序和Web服务使用。

简单的微格式

我们从上面的描述知道,微格式实际就是为现有的(X)HTML元素添加元数据和其他属性,增强语义。那么我们就来看一个简单的微格式应用吧。
以前我们是这样写一个链接到首页的<a></a>代码的:

<a href=”http://www.5icool.org” >Web Design Blog</a>

 

而现在我们要为这个代码元素<a>加上rel属性。

<a href=”http://www.5icool.org“ rel=”homepage”>Web Design Blog</a>

上面的链接标记<a>包括rel=”homepage”属性,该属性显示链接的目标页面是该网站的首页。通过为已有的链接元素添加语义化属性,就为这个链接添加了具体的结构和意义。

hCard 微格式

hCard是一种微格式,用来发布个人,公司,组织,地点等详细的联系信息。它可以包含在(X)HTMLAtomRSS可扩展置标语言中。hCard使用vCardRFC 2426)的属性和值来实现这些功能。

它可以使分析器(比如其他网站,FirefoxOperator插件)获得详细的信息,并通过别的网站或者地图工具进行显示,或者载入到地址簿等其他程序。

示例一

如下HTML代码:

 <div>
     <div>Joe Doe</div>
     <div>The Example Company</div>
     <div>604-555-1234</div>
     <a href="http://example.com/">http://example.com/</a>
 </div>

 

加入微格式后,成为:

 <div class="vcard">
     <div class="fn">Joe Doe</div>
     <div class="org">The Example Company</div>
     <div class="tel">604-555-1234</div>
     <a class="url" href="http://example.com/">http://example.com/</a>
 </div>

 

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

示例二

这里是维基媒体基金会的联系方式,可以作为hCard的一个真实示例:

Wikimedia Foundation Inc.

200 2nd Ave. South #358

St. Petersburg, FL 33701-4313

USA

Phone: +1-727-231-0101

Email: info@wikimedia.org

Fax: +1-727-258-0207

加入微格式后,成为:

    <div class="vcard">
        <div class="fn org">Wikimedia Foundation Inc.</div>
        <div class="adr">
            <div class="street-address">200 2nd Ave. South #358</div>
            <div>
                <span class="locality">St. Petersburg</span>,
                <span class="region">FL</span> <span class="postal-code">33701-4313</span>
            </div>
            <div class="country-name">USA</div>
        </div>
        <div>Phone: <span class="tel">+1-727-231-0101</span></div>
        <div>Email: <span class="email">info@wikimedia.org</span></div>
        <div>
            <span class="tel"><span class="type">Fax</span>:
            <span class="value">+1-727-258-0207</span></span>
        </div>
    </div>

 

 

注意,在这个例子中,正式名称(class=”fn”)和组织(class=”org”)写在了一个属性中,表示这是一个组织,而不是个人。

其他常用的hCard属性包括:

  • bday – 生日
  • email
  • honorific-prefix -(西式)名字前的尊称,例如:博士(Dr.)、牧师(Rev.)等,在东方会放在名字的后方。
  • honorific-suffix -(西式)名字后的尊称,一般都是封衔,例如:太平绅士JP)、大紫荆勋章GBM),一般详列在名字的最后方。
  • logo
  • nickname – 昵称、爱称或外号。西方人的名字一般都有简写,有时这些昵称或外号就用来分辨同名的人。例如:William “Bill” Gates 中间的”Bill”。
  • note
  • photo
  • post-office-box

Geo也可以被包含在hCard中,表示某个地址的坐标。Geo是一种在HTMLXHTML中标记WGS84地理坐标(经度纬度)的微格式。尽管属于“草案”,其格式是稳定的并已经被使用。它还可以作为hCard微格式的一个子集。

以上摘自:维基百科

目前已具备完整规范的微格式还包括:hCard、hCalendar、XOXO、XFN、VoteLinks和3个“rel-”微格式:rel- license、rel-nofollow和rel-tag。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:关于Doctype、严格模式与混杂模式

下一篇:HTML嵌套规则