DIV CSS 佈局教程網

網頁制作WEB文章簡介：當然初識它的人都難免會犯類似錯誤。什麼是微格式呢？它存在的意義又是什麼？本文或許會讓你對Microformat有所了解，並對其蘊含的巨大潛力及廣泛用途折服。

首先，請不要一廂情願地把微格式（Microformat）理解為某種語言的簡化，這是完全錯誤的字面理解，事實完全相反，從經典個例“hCard微格式”看出，它是把XHTML語言在Web中的應用“冗余”話了。當然初識它的人都難免會犯類似錯誤。什麼是微格式呢？它存在的意義又是什麼？本文或許會讓你對Microformat有所了解，並對其蘊含的巨大潛力及廣泛用途折服。

什麼是微格式

微格式：建立在已有的、被廣泛采用的標准基礎之上的一組簡單的、開放的數據格式（microformats.org官方定義）。是把語義嵌入到HTML以便有助於分離式開發而制定的一些簡單約定，是兼顧人機可讀性設計的數據表達方式，對Web網頁進行語義注解的方法。這種方法依托於標准的Web頁面寫作技術，例如，XHTML，這樣引入語義信息對浏覽器等所有現存的Web技術沖擊最小。采用Microformat的 Web頁面，在XHTML文檔中給一些標簽（Tag）增加一些屬性（attribute），這些屬性對信息的語義結構進行注解，處理XHTML文檔的軟件，例如，浏覽器等，如果不認識這些屬性可以跳過，並不造成任何不良影響（ITPUB）。

設計師和開發人員使用微格式來添加結構和針對網絡發布有意義的信息，需要作的僅僅是為現有的(X)HTML元素添加元數據和其他屬性。所以，我們無需拋開已有的工作習慣,因為微格式提供的解決方法是符合當前我們行為和習慣模式的。

從技術上來說，這些數據是一些語義標記，用標准的(X)HTML中的class名稱設置。他是開放、可用、自由的，可以被任何人使用。

那麼，微格式在實際應用中的意義和作用又是什麼呢？微格式按照某種已有的被廣泛應用的標准，通過對內容塊的語義標記，可以讓外部應用程序、聚合程序和搜索引擎能夠做以下事情：

• 在爬取Web內容時，能夠更為准確地識別內容塊的語義；
• 對內容進行操作，包括提供訪問、校對，還可以將其轉化成其他的相關格式，提供給外部程序和Web服務使用。

簡單的微格式

我們從上面的描述知道，微格式實際就是為現有的(X)HTML元素添加元數據和其他屬性，增強語義。那麼我們就來看一個簡單的微格式應用吧。
以前我們是這樣寫一個鏈接到首頁的<a></a>代碼的：

<a href=”http://www.bbon.cn” >Web Design Blog</a>

而現在我們要為這個代碼元素<a>加上rel屬性。

<a href=”http://www.bbon.cn“ rel=”homepage”>Web Design Blog</a>

上面的鏈接標記<a>包括rel=”home”屬性，該屬性顯示鏈接的目標頁面是該網站的首頁。通過為已有的鏈接元素添加語義化屬性，就為這個鏈接添加了具體的結構和意義。

網頁制作WEB文章簡介：當然初識它的人都難免會犯類似錯誤。什麼是微格式呢？它存在的意義又是什麼？本文或許會讓你對Microformat有所了解，並對其蘊含的巨大潛力及廣泛用途折服。

hCard 微格式

hCard是一種微格式，用來發布個人，公司，組織，地點等詳細的聯系信息。它可以包含在(X)HTML，Atom，RSS等可擴展置標語言中。hCard使用vCard（RFC 2426）的屬性和值來實現這些功能。

它可以使分析器（比如其他網站，Firefox的Operator插件）獲得詳細的信息，並通過別的網站或者地圖工具進行顯示，或者載入到地址簿等其他程序。

示例一

如下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屬性包括：

1. bday - 生日
2. email
3. honorific-prefix -（西式）名字前的尊稱，例如：博士（Dr.）、牧師（Rev.）等，在東方會放在名字的後方。
4. honorific-suffix -（西式）名字後的尊稱，一般都是封銜，例如：太平紳士（JP）、大紫荊勳章（GBM），一般詳列在名字的最後方。
5. logo
6. nickname - 昵稱、愛稱或外號。西方人的名字一般都有簡寫，有時這些昵稱或外號就用來分辨同名的人。例如：William “Bill” Gates 中間的”Bill”。
7. note
8. photo
9. post-office-box

Geo也可以被包含在hCard中，表示某個地址的坐標。Geo是一種在HTML和XHTML中標記WGS84地理坐標（經度，緯度）的微格式。盡管屬於“草案”，其格式是穩定的並已經被使用。它還可以作為hCard微格式的一個子集。

以上摘自:維基百科

目前已具備完整規范的微格式還包括：hCard、hCalendar、XOXO、XFN、VoteLinks和3個“rel-”微格式：rel- license、rel-nofollow和rel-tag。

後記

Yahoo是微格式的大力提倡者.Flickr一個圖片分享平台,用vcard微格式處理用戶信息數據,通過應用軟件直接獲取頁面上的用戶信息數據後,將這些數據導出或者直接導入到其他的應用程序中,例如使用Firefox的operator插件可以分析和到處數據,然後根據提取的 geo,location等地理信息在Google Map,Yahoo Map中定位用戶,伴隨著相關應用軟件的開發,vcard數據可不只是能用作這些.再來看看Yahoo的對微格式的另外一個應用upcoming,是一個日歷的事件管理應用,在獲取頁面的hcalendar微格式數據之後,它可以將數據導出或者直接導入到其他的web日歷事件管理軟件中.

Dopplr提供的或許更加讓微格式的應用方向更加清晰.它提供的服務是將你的行蹤與你的聯系列表關聯起來,方便你的朋友關注你的行蹤,及時的為你提供幫助,主要方式為常規的RSS訂閱和iCal訂閱.你在網上的某些頁面的 hcard,hcalendar微格式數據可以導入到Dopplr中,然後可以將這些數據導入到支持Dopplr的微格式數據的程序中,當前主要為Mac 機的iCal和支持多個系統平台兼容iCal數據格式的Mozilla產品Sunbird.

說到這裡,使用微格式不只是web代碼語義化那麼簡單.如何應用微格式是最重要的.對於微格式如何被解析,可以看看 Brian Suda 的一篇文章 Parsing Microformats ,或許有所幫助.到Brian Suda的個人網站上也可以找到更多有趣的東西（摘自：Cheshirecat.cn）。

Microformat 官方網站：Microformat