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

HTML/XHTML教程
HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT
XHTML教程:针对初学者的XHTML基础
HTML表格标记教程(27):单元格的背景图像属性BACKGROUND
HTML表格标记教程(26):单元格标记
HTML表格标记教程(24):行的水平对齐属性ALIGN
HTML表格标记教程(25):行的垂直对齐属性VALIGN
HTML表格标记教程(22):行的亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(23):行的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(20):行的背景色属性BGCOLOR
HTML表格标记教程(21):行的边框色属性BORDERCOLOR
HTML表格标记教程(19):行标记
HTML表格标记教程(17):表格标题垂直对齐属性VALIGN
HTML表格标记教程(18):表格的表头
HTML表格标记教程(15):表格的标题
HTML表格标记教程(16):标题水平对齐属性ALIGN
HTML表格标记教程(13):内部边框样式属性RULES
HTML表格标记教程(14):表格的表头
HTML教程:html水平线段
XHTML入门学习教程:表格标签的应用
XHTML入门学习教程:XHTML网页图片应用

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


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