繁體中文当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 网站的微格式
- 建站经验
- 经验探讨 用户体验与搜索引擎优化的结合
- 让你的网站产生Google Sitelinks的六个要素
- 凸显使用体验 网站导航最受美国厂商关注
- 外国人眼中网站设计和网站建设二十个原则
- 网站更换域名应该注意的八个方面
- 五年经验告诉你 细节决定网站成败
- 新网站如何提高流量
- 稳中求升 购买付费链接应注意的九个问题
- 经验越多下手越难 你能抛弃你所学习的吗
- 站长进行设计网站时必须注意二十三个方面
- 路径突破 谈谈英文站比中文站更能做成功
- 谈谈网站运营中的关键的一环 团队的管理
- 最原始的东西最有价值 致天下所有创业者
- 名博怎样练成 析月光博客成功的六个原因
- 学生站长持续自己的冬天 仍坚守春天的期待
- 关于对web的分析 获得可行动的认识和度量
- 五个月前后五次改动 让我的流量稳在五万
- 亲手关闭自己论坛 泣血奉献一些心得经验
- 用户体验指导思想 易用友好 把用户当傻瓜
- 网站如何将用户体验与搜索引擎优化相结合
建站经验 中的 网站的微格式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-26 浏览: 96 ::
收藏到网摘: n/a
最近对微格式进行了一些学习，在学习过程中收获不少。在此分享下，欢迎交流！
微型格式的优点：
- 语义化的HTML和CSS类名称来标记共同内容。
- 使机器可以阅读和理解可能只有人类可理解的数据，一系列的标准化方法。
- 微格式允许网站上的内容轻易地与其他应用对接，从而提高信息的使用率。
hCalendar微格式基本规则：
- 属性和子属性通过class来描述。
- 特定的hCalendar属性是建立在iCalendar属性名称基础上的如:vevent
- 属性和子属性名字大小写敏感
- "根"属性不能同其他属性组合。如<div class=vevent summary">是无效的。
<dl class="vevent">
<dt>我的个人日程：</dt>
<dd><a href="http://sports.163.com" class="summary"><span class="category">游泳</span></a></dd>
<dt>活动时间：</dt>
<dd><abbr class="dtstart" title="2009-05-19T18:00:00″>05-19</abbr>–<abbr class="dtend" title="2009-06-19T18:00:00″>06-19</abbr>, <abbr class="duration" title="P4W">持续4周</abbr></dd>
<dd class="vcard"><a class="fn" href="Jalinhttp://www.ued163.com/">Jalin</a> <span class="title">前端开发</span> <span class="locality">广州</span> <span class="org">UED163</span> <a href="mailto:[email protected]" class="email">[email protected]</a></dd>
</dl>
<div class="mytag">
<a href="http://www.163.com/firefox/" title="firefox" rel="tag">firefox</a>
<a href="http://www.163.com/IE/" title="IE" rel="tag">IE</a>
<a href="http://www.163.com/safari/" title="safari" rel="tag">safari</a>
<a href="http://www.163.com/chrome/" title="chrome" rel="tag">chrome</a>
<a href="http://www.163.com/oprea/" title="oprea" rel="tag">oprea</a>
</div>
<div class="copyright"><a href="http://www.ued163.com/" rel="license">版权：UED163</a></div>
以上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
评论 (0) All
