网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > Dreamweaver > 技术教程 > IE8的WebSlices  

IE8的WebSlices

2008-03-10  作者:bitsCN整理  来源:中国网管联盟  点评 投稿 收藏

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

网管网www_bitscn_com

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

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

网管bitscn_com

<div class="hslice" id="testWebSlice">
<p class="entry-title">传说中滴标题</p>
<div class="entry-content">传说中滴可以被剪的内容</div>
</div> 网管下载dl.bitscn.com 

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

测试传说中滴标题 网管u家u.bitscn@com

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

网管u家u.bitsCN.com

  除了设置要剪的内容话,还可以设置过期的时间,比如: 网管u家u.bitsCN.com

<p>End time:<abbr class="endtime" title="2008-02-28T17:00:00">1 day 18 hours</abbr></p> 
网管u家u.bitscn@com

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

网管论坛bbs_bitsCN_com

同时也可以用跟RSS一样作用的ttl来定最长缓存时间,比如: 网管联盟bitsCN@com

<p>This clip updates every <span class="ttl">15</span> minutes </p>  网管联盟bitsCN_com 

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

网管论坛bbs_bitsCN_com

<a rel="feedurl"href="auction.microsoft.com/item.xml">Subscribe to WebSlice</a>  
网管u家u.bitsCN.com

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

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

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

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

网管bitscn_com

<meta name="slice" scheme="IE" content="off" /> 网管联盟bitsCN@com 

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

网管联盟bitsCN@com


TAGs
 上一篇:使用DIV+CSS后,表格Table还有用吗?   下一篇:完美的水平垂直居中!!
IE8的WebSlices 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: