你的網站使用了微格式了么?

日期:2009-05-27 /人氣:356 /來源:163 UED

最近對微格式進行了一些學習,在學習過程中收獲不少。在此分享下,歡迎交流!

微型格式的優點:

語義化的HTML和CSS類名稱來標記共同內容。

使機器可以閱讀和理解可能只有人類可理解的數據,一系列的標準化方法。

微格式允許網站上的內容輕易地與其他應用對接,從而提高信息的使用率。

hCalendar微格式基本規則:

屬性和子屬性通過class來描述。

特定的hCalendar屬性是建立在iCalendar屬性名稱基礎上的如:vevent

屬性和子屬性名字大小寫敏感

"根"屬性不能同其他屬性組合。如<div class=vevent summary">是無效的。

 

 

以上demo比較基礎而且簡單易懂,試著應用下吧。

事件屬性說明:

summary 事件的概要信息

category 事件的類型

url 事件的鏈接

dtstart 事件的開始時間/日期,即觸發事件

duration 事件的持續時間

duration 日期/時間信息定義:

P2Y = 持續2年

P10D = 持續10天

P3H = 持續3個小時

P2W = 持續2周

P8DT8H8M = 持續12天8小時8分鐘

vcard 聯系人說明:

fn 表姓名屬性值

email 表郵件屬性值

reg 屬性說明

我的標簽:reg="tag"

版權使用權rel屬性說明:rel="license"

以上代碼產生效果顯示:

 

 

檢測微格式插件(現只有Firefox與Safari):

firefox:Operator,Tails Export

Safari:Safari Microformats

微格式參考資料:

http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-4-hcalendar/

http://microformats.org/

Dreamweaver微格式擴展

http://www.Webstandards.org/action/dwtf/microformats/

 

作者:

咨詢電話 400-000-6302 (點擊查看詳細)

人妻少妇久久中文字幕