当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 网站的微格式

建站经验
推广经验 利用QQ推广网站的方法
google 恶意软件网站 警告后 怎么办
站长浅谈 运营网站切勿盲目跟风
远离垃圾站 做一个有用的站 让人们需要你
站长想把网站做好需要专心
让百度蜘蛛认为你的网站是一个好网站
企业网站 建设目标分析
问答推广的实施步骤与问答推广方法和技巧
SEO B2B行业网站优化经验
搜索引擎算法调整和被搜索引擎惩罚的解决方法
选择不知名网站源码来建站选择技巧
digg 创始人经验分享 发展网站用户的9个方法
智能查询域名的10个国外网站
成功网站的法则 简单的直击人最基本需求
网站 邀请机制的使用说明
成功网站=充实的内容+勤奋的站长+运气
网站内容的主动组织和展示技巧
百度K站和降权原因大收集 看看你占了哪一条
网络媒体 让资讯与服务融为一体
网站运营 SNS社区产品设计思想

建站经验 中的 网站的微格式


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-26   浏览: 187 ::
收藏到网摘: n/a

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

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

hCalendar微格式基本规则:

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