网站的微格式

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

1. 语义化的html和css类名称来标记共同内容。
2. 使机器可以阅读和理解可能只有人类可理解的数据，一系列的标准化方法。
3. 微格式允许网站上的内容轻易地与其他应用对接，从而提高信息的使用率。

hcalendar微格式基本规则：

1. 属性和子属性通过class来描述。
2. 特定的hcalendar属性是建立在icalendar属性名称基础上的如:vevent
3. 属性和子属性名字大小写敏感
4. "根"属性不能同其他属性组合。如

   是无效的。

 

我的个人日程：

 

游泳

   

活动时间：

   

持续4周

    

jalin 前端开发 广州 ued163 jalin668@126.com

 firefox
    ie
    safari
    chrome
    oprea

版权：ued163

以上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/

原文：/d/file/20220708/y25mrdmkxrj319?p=459