当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > Web Slices是什么

HTML/XHTML教程
Web浏览器模式的选择机制
XHTML+CSS建站如何调用样式表
HTML5和CSS3新的WEB标准和浏览器支持
HTML代码:网页头部代码全清楚
网页制作:HTML代码编写的30条技巧
HTML教程:link标记的rel属性
网页设计参考:firefox的默认样式
网页设计初学者必看的30个网页制作秘笈
网页制作推荐使用的XHTML标记
网页HTML代码讲解:有序列表和无序列表
IE8开发人员工具的菜单讲解
提高用户体验与新窗口打开网页的关系
解决IE支持HTML5的问题
了解如何减少 reflow 次数
平面设计理论:创造视觉冲击力作品
网页HTML 有序列表ol 和无序列表 ul
HTML Frameset 例子代码
让输入框关闭自动完成(AutoComplete)功能
IE支持HTML5的解决方法
基础 HTML之目录问题(相对路径和绝对路径区别)

HTML/XHTML教程 中的 Web Slices是什么


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-11   浏览: 116 ::
收藏到网摘: n/a

微软3月20日发布IE8正式版,新功能Web Slices(网页快讯)是让我挺感兴趣的一个东西。

Web Slices是什么?

slice是指某一部分,Web Slices就是网页上的某一部分内容。比如你关心ITFeed上的最新文章或taobao上某个商品的最新价格,但是你又不想时刻打开页面去查看,怎么办?Web Slices就为你提供了这样的便捷,你可以在收藏夹栏上获得该网页所关心部分的更新。点击右键选择属性设置更新计划,当有更新时它会以加粗的方式通知你,或者手动刷新查看。

如何制作Web Slices?

Web Slices采用了Microformats(微格式)的方式,只要对某段(x)html代码设定3个特定的class标记就可以了,另外别忘了给这块内容加上ID,否则无效。

三个class标记分别为hslice、entry-title、entry-content
hslice设定内容块
entry-title设定显示的标题
entry-content设定所要显示的内容

<div id="news" class="hslice">
<h4 class="entry-title">ITFeed最近更新</h4>
<ul class="entry-content">
<li><a href="#">另一个来自老外的快速贷款</a></li>
<li><a href="#">垂直门户网站的SNS社区之路</a></li>
<li><a href="#">学做jQuery中的data()函数</a></li>
<li><a href="#">淘宝前端开发人员的心声</a></li>
<li><a href="#">利用jQuery制作一个浮动的导航. </a></li>
</ul>
</div>

add web slices

web slices