注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> CSS >> 网页设计正文

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

文章来源:aoao 作者:佚名 更新时间:2008-3-20 12:54:47 【 】 【加入收藏

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

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

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

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

  

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

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

   

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

   

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

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

  

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

  

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

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash AS教程:decorator Pattern
     Flash AS教程:复制粘贴类
     Flash教程:彻底学习RadioButton组件
     Flash AS3教程:动态文本滚动条
     Flash教程:制作随机画圆弧动画
     全Flash动画网站的实现详细教程
     Flash 播放器的安全性设置
     Fireworks8教程:用素材制作炫酷的闪字效果
     Fireworks打造javascript图片提示效果
     Firewoks实例:铅笔图标
    最 新 推 荐
     CSS实例:让页脚保持在未满屏页面的底部
     CSS教程:关于H1的使用技巧
     IE8、IE7、IE6、FF简单的CSS HACK测试
     CSS实例:三列等高布局
     WEB标准学习经验总结
     css网页设计非常有用的解决办法
     IE8.0Beta比较不错的功能:WebSlices
     line-height使文本居中的3像素bug问题
     CSS入门教程:计算CSS盒模型宽和高
     CSS教程:CSS命名参考
    相 关 文 章

    Javascript在IE和FF里的兼容问题
    IE8提供不错的体验:Activities
    浏览器IE8将全面兼容Web网页标准
    IE8、IE7、IE6、FF简单的CSS HACK测试
    IE8的WebSlices
    “惨目忍睹”IE8访问各大网站页面情况
    IE8 beta1 中的 CSS 属性
    微软宣布IE8将全面兼容Web网页标准
    Dvbbs V8.2.0 RC1模板驱动机制
    区分IE6,IE7和firefox的CSS hack

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用