奈福网络UED(用户体验)博客

上海网站建设公司,上海网站设计公司,为企业提供网站改版解决方案!上海市旅游局、上海市酒店行业协会指定的网站建设服务公司。

导航

  • 首页
  • 搜索
  • 标签
  • 留言
« 关于如何做好地方门户网站运营的几点建议什么叫PR值?它对网站推广有什么作用? »

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

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

微型格式的优点:

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

hCalendar微格式基本规则:

  1. 属性和子属性通过class来描述。
  2. 特定的hCalendar属性是建立在iCalendar属性名称基础上的如:vevent
  3. 属性和子属性名字大小写敏感
  4. "根"属性不能同其他属性组合。如<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/

原文:http://www.ued163.com/?p=459

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-Blog 1.8 Arwen Build 81206

Copyright www.netfox.cn All Rights Reserved.