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

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

　　微型格式的优点：

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

类别：JavaScript技术来源：本站原创作者：hpping 日期：2009-05-28 12:07

Hdut.Com