IE8.0Beta比较不错的功能:WebSlices
建站知识 2021-07-03 08:42www.168986.cn长沙网站建设
这两天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./item.xml">Subscribe to WebSlice</a>
M$的白皮书少了个“h”,
href
跟ref
是两回事,完全就是在欺骗我的感情。白皮书中说到要在Feed中加上一些特定的元素来指定ttl endtime等属性,不想再复制代码了,有兴趣的同学查书去。
可以指定默认的WebSlices,只要在head里加上
<link rel="default-slice" type="application/x-hatom" href=".example./#auction" />
也可以控制WebSlices在网页里不出现剪切的提示,在head加上
<meta name="slice" scheme="IE" content="off" />
白皮书中还有一些关于样式的有效范围和一些认证跟其他一些东东,有兴趣的朋友可以看一下Inter Explorer 8 Beta 1 Whitepapers - Release:WebSlices
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML