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

HTML/XHTML教程
CSS和HTML与前端技术层图示
关于超链接的一些问题
网页设计制作之改进超级链接效果
HTML 5 预览
HTML是WEB标准开发的中心基础
HTML5的结构和语义(3):语义性的块级元素
被遗忘掉的button标签
CSS标准:vertical-align属性
网页表格分割线去除方法
网页表格表框制作技巧
HTML教程:定义列表
HTML5: Web 标准最巨大的飞跃
ul列表标记设计网页多列布局
HTML其实就是学习几个重要标记的应用
链接A的语义、写法和最佳实践
HTML网页的段落排版和换行
HTML网页各种字体格式的细节修饰
网页HTML代码:滚动文字的制作
HTML代码实例:详细讲解超级链接
html标签:sub标记和sup标记

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


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