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

JavaScript技术    2009-05-28 20:10  

  最近对微格式进行了一些学习,在学习过程中收获不少。在此分享下,欢迎交流!

  微型格式的优点:

  语义化的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"

  以上代码产生效果显示:

Www.Hdut.Com

   

  检测微格式插件(现只有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/

在线留言

我要留言