建站常识
你的网站使用了微格式了么?
2009-05-27 14:10:00
最近对微格式进行了一些学习,在学习过程中收获不少。在此分享下,欢迎交流!
微型格式的优点:
语义化的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
上一篇:有效网页表单的八条规则(译)
下一篇:出生日期的选择设计
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?

