發佈者:SEO香港優化專家 - Web Design
網站設計
最近對微格式進行了一些學習，在學習過程中收穫不少。在此分享下，歡迎交流！微型格式的優點：1，語義化的HTML和CSS類名稱來標記共同內容。2，使機器可以閱讀和理解可能只有人類可理解的數據，一系列的標準化方法。3，微格式允許網站上的內容輕易地與其他應用對接，從而提高信息的使用率。
hCalendar微格式基本規則：1，屬性和子屬性通過class來描述。2，特定的hCalendar屬性是建立在iCalendar屬性名稱基礎上的如:vevent3，屬性和子屬性名字大小寫敏感4，”根”屬性不能同其他屬性組合。如
是無效的。
以上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 ExportSafari: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/網頁寄存
- 我的個人日程：
- 游泳
- 活動時間：
- 05-19–06-19, 持續4周
- Jalin 前端開發 廣州 UED163 jalin668@126.com
以上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 ExportSafari: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/網頁寄存
没有评论:
发表评论