IE8.0Beta比较不错的功能:WebSlices

尾纱i

尾纱i

2016-02-19 23:17

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享IE8.0Beta比较不错的功能:WebSlices吧。

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

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

测试传说中滴标题

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

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

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

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

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

pThis 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,是两回事,完全就是在欺骗我的感情。白皮书中说到要在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

展开更多 50%)
分享

猜你喜欢

IE8.0Beta比较不错的功能:WebSlices

Web开发
IE8.0Beta比较不错的功能:WebSlices

先睹为快Photoshop 8.0 beta(图)

PS PS教程
先睹为快Photoshop 8.0 beta(图)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Linux-Mandrake 8.0最新 Beta 1版本

Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理
Linux-Mandrake 8.0最新 Beta 1版本

WebQQ beta 1.6.12新功能

电脑入门
WebQQ beta 1.6.12新功能

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

2个不错的通配符比较函数

编程语言 网络编程
2个不错的通配符比较函数

解决IE7.0和IE8.0的CSS兼容问题

Web开发
解决IE7.0和IE8.0的CSS兼容问题

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS Hack整理

CSS Hack整理

Excel2010使用中常被忽略的10条实用技巧

Excel2010使用中常被忽略的10条实用技巧
下拉加载更多内容 ↓