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

HTML/XHTML教程
HTML的dl、dt、dd标记制作表格对决Table制作表
HTML网页中的URL表示方式
Web页面 自定义选择框Select
HTML网页制作教程 谨慎使用iframe标记
HTML 网页头部代码全清楚
HTML link标记的rel属性
HTML 代码编写的30条技巧
HTML5 canvas 基本语法
最容易犯的HTML标签错误写法
网页设计参考 firefox 默认样式
将XHTML+CSS页面转换为打印机页面
HTML优化加快网页速度
超链接图标规范:提升文章的可阅读性
标记语言:网页应用CSS样式
标记语言:打印样式
标记语言:CSS布局
标记语言:学完HTML后该学什么?
IE的有条件注释优点和缺点
PSD网页模版转化XHTML的一些理论知识
让XHTML与HTML兼容

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


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