网络编程
位置:首页>> 网络编程>> 网页设计>> 你的网站使用了微格式了么

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

作者:jalin 来源:163 ued 发布时间:2009-05-21 12:10:00 

标签:微格式,语义,css,html

最近对微格式进行了一些学习,在学习过程中收获不少。在此分享下,欢迎交流!
微型格式的优点:
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

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com