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

HTML/XHTML教程
认清CSS的类class和标识id选择符
网站设计之合理架构css
用css样式表实现首字大写特效
DIV与Table布局在大型网站的可用性比较
css滑动门技术的一些总结和归纳
CSS的“顶级”技巧
谈谈CSS样式表中的类和伪类
网站重构 CSS样式表的优化与技巧
网页设计中针对中文排版CSS心得
如何有效管理好CSS
怎样管理好样式
完全CSS写的鼠标悬停tip效果
CSS中display与visibility的区别
实时切换网页的CSS样式实现
Div + CSS 高度自适应解决方案
XHTML+CSS布局之XHTML应用小结
css布局定位系列:相对定位
使用图片和CSS结合制作动画按钮
Div+CSS网站设计的优点
5款纯div+css制作的弹出菜单(标准且无js)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-11   浏览: 55 ::
收藏到网摘: 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