名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。
- 本篇文章具体介绍如下
这两天M$出了个IE8beta1版~害得我的Google Reader里全是IE8的信息，可惜有用的信息太少了，在翻M$的网站时，倒是发现了一个比较帅的功能：“WebSlices”。
简单的来说，它的功能就是把网站网页设计的某一块“剪”出来放收藏夹里。这个功能与Mac OS上的Web Clip Widget性质不大一样，Web Clip是由用户自由剪网站网页设计，而WebSlices是要网站网页设计输出特定的格式可以“剪”的。如果你已经装了IE8的话，来我的站上逛下，应该可以看到这图片里的效果：
是不是感觉很无聊滴样子，当然，是在blog上是没什么特别的效果。M$介绍了个应用：ebay的IE8特别版，比如把某个正在拍卖的商品剪出来就有意义了。实现的方式其实很简单，只要指定hTML的class与ID就行，看一下列子：
<div class="hslice" id="testWebSlice">
<p class="entry-title">传说中滴标题</p>
<div class="entry-content">传说中滴可以被剪的内容</div>
</div>entry-title和
entry-content感觉有点熟悉呢？嗯，就是Microformats的hAtom，那些差点给人忘记的东西给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”，
href跟
ref是两回事，完全就是在欺骗我的感情。白皮书中说到要在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
好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明，本站内容来源于互联网，如果侵犯了你的权益请联系本站删除。,网站网页设计制作,网站网页设计,教程,比较,不错,css网站网页设计设计非常有用的解决办法
