IE8的WebSlices

作者:嗷嗷 来源:样式之美 时间:2008-03-09 15:17:00 

这两天M$出了个IE8beta1版~害得我的Google Reader里全是IE8的信息,可惜有用的信息太少了,在翻M$的网站时,倒是发现了一个比较帅的功能:“WebSlices”。

简单的来说,它的功能就是把网页的某一块“剪”出来放收藏夹里。这个功能与Mac OS上的Web Clip Widget性质不大一样,Web Clip是由用户自由剪网页,而WebSlices是要网页输出特定的格式可以“剪”的。如果你已经装了IE8的话,来的站上逛下,应该可以看到这图片里的效果:
IE8的WebSlices

是不是感觉很无聊滴样子,当然,是在blog上是没什么特别的效果。M$介绍了个应用:ebay的IE8特别版,比如把某个正在拍卖的商品剪出来就有意义了。实现的方式其实很简单,只要指定HTML的class与ID就行,看一下列子:

<div class="hslice" id="testWebSlice">
<p class="entry-title">传说中滴标题</p>
<div class="entry-content">传说中滴可以被剪的内容</div>
</div>

是不是看到entry-titleentry-content感觉有点熟悉呢?嗯,就是MicroformatshAtom,那些差点给人忘记的东西给M$翻出来用了。其实我的Blog一直渗着hAtom的约定,只是所有渗着hAtom的内容却不适合WebSlices,要注意的一点点就是,ID不能少。-_-b 介于M$IE比较强的特点,ID可以用数字,人家官方的例子就是用数字当ID。

测试传说中滴标题

可以用IE8来测试一下能不能把这传说中滴内容剪出来


除了设置要剪的内容话,还可以设置过期的时间,比如:

<p>End time:<abbr class="endtime" title="2008-02-28T17:00:00">1 day 18 hours</abbr></p>

Microformats一样的用法,不过选的class是endtime而不是dtend。当浏览器发现过期时会显示过期的标记。

同时也可以用跟RSS一样作用的ttl来定最长缓存时间,比如:

<p>This clip updates every <span class="ttl">15</span> minutes </p>

你甚至可以用Feed来重定向被剪的内容,只要在entry-content中加上:

<a rel="feedurl"href="auction.microsoft.com/item.xml">Subscribe to WebSlice</a>

M$的白皮书少了个“h”,hrefref是两回事,完全就是在欺骗我的感情。白皮书中说到要在Feed中加上一些特定的元素来指定ttl endtime等属性,不想再复制代码了,有兴趣的同学查书去。

同时可以指定默认的WebSlices,只要在head里加上:

<link rel="default-slice" type="application/x-hatom" href="www.example.com/#auction" />

也可以控制WebSlices在网页里不出现剪切的提示,在head加上:

<meta name="slice" scheme="IE" content="off" />

白皮书中还有一些关于样式的有效范围和一些认证跟其他一些东东,有兴趣的朋友可以看一下:Internet Explorer 8 Beta 1 Whitepapers - Release:WebSlices

标签:ie8,WebSlices,浏览器,ie,微软
0
投稿

猜你喜欢

  • 风絮无影:80-08穷则思变(80后的思考)

    2008-01-02 13:03:00
  • 风讯宣布FOOSUNCMS系列产品免费

    2007-09-23 08:04:00
  • Google发布网站性能优化工具Page Speed

    2009-10-15 11:01:00
  • 有些网站不需要SEO SEO要看什么样条件

    2008-12-19 14:40:00
  • Qmail的优点及安装调试

    2007-12-25 10:17:00
  • 新手详解:提高网站流量的常用方法总结

    2009-01-21 10:27:00
  • 教你去除Discuz!7.0有无新帖版块图标

    2009-09-16 10:48:00
  • 架设某大型网站服务器之全部过程网站

    2007-09-13 13:40:00
  • Yupoo 的 XSS 漏洞攻击实录

    2009-01-18 13:34:00
  • 简单讲义:关于网站的站外优化

    2009-02-10 18:03:00
  • 雅虎CEO杨致远披露内幕:收购失败责在微软

    2008-05-07 19:21:00
  • 帝国网站管理系统CMS 6.6 正式版本开源发布

    2011-04-11 19:02:00
  • 谷歌官方:让垃圾留言远离您的网站和用户

    2008-12-31 18:40:00
  • PROFTPD的Chroot限制

    2010-01-02 19:16:00
  • 四个也许网上从来没有人提到过的SEO问题

    2009-01-07 16:51:00
  • 反击网页挂马 潜伏在图片中的害群之“马”

    2009-02-17 13:26:00
  • Google Adsense:深入了解和应对收入波动

    2008-11-04 18:26:00
  • Godaddy注册后域名解析怎么设置

    2010-04-07 08:58:00
  • 提高你的站点访问量之谋略

    2008-12-09 17:45:00
  • 群组功能代替论坛的可行性

    2009-11-16 12:31:00
  • asp之家 网站运营 m.aspxhome.com