IE8神奇的网页快讯

IE8又给了我一个惊喜---网页快讯。使用它，我们可以抓取我们关注的某个页面上的某一块的内容，并直接显示在浏览器收藏夹的下面。感觉这是一个创举，网页快讯用官方的描述是这样：

网页快讯是网页中您可以订阅的一个特定部分，通过它您可以了解收藏网站何时提供更新的内容（如当前气温或不断变化的拍卖价格）。一旦您订阅 了网页快讯，它将在收藏夹栏中显示为一个链接。在更新网页快讯时，收藏夹栏上的链接将以粗体格式显示。然后，您可以单击该链接来查看更新内容。

也许我的描述和官方的描述，都不能让你直观理解，下面是描述和图：

1. 在你用ie8浏览一个网页时如果鼠标挪动时出现绿色的框，并有一个可点击的图标出现，表示这个页面上有网页快讯可以订阅

2. 现在你可以点击绿色框左上角的图标，将会出现收藏网页快讯的图标，如下图

3. 点击“添加到收藏夹栏”，现在你就可以使用宝宝孕历 网站提供的网页快讯了，使用的效果如下：在网页快讯中出现了快讯中所有的内容

在这个广告横行的年代，这是个非常好的功能，我们可以不必浏览网站的首页，就可以直接看到网站焦点区提供的头条咨询。

下面我们看看网页快讯的这个炫目的功能是如何实现的，它的实现非常简单，就是几个固定的css，请看下面的代码：

Code
< div  class ="defaultSection  hslice"  id ="divRecomment" >
   < h2  class ="entry-title" > 今日推荐孕期阅读 </ h2 >
   < ul  class ="entry-content" >
     < li >< a  href ="http://www.baobaoyunli.com/bbs/post,229.aspx" > 怀孕五个多月了胃灼烧(烧心)怎么办 </ a ></ li >
     < li >< a  href ="http://www.baobaoyunli.com/bbs/post,181.aspx" > 胎教故事仙人世界 </ a ></ li >
     < li >< a  href ="http://www.baobaoyunli.com/bbs/post,237.aspx" > 各个阶段有益胎儿发育的食物  </ a ></ li >
     < li >< a  href ="http://www.baobaoyunli.com/bbs/post,224.aspx" >< strong > 怀孕能给女人带来10种好处 </ strong ></ a ></ li >
     < li >< a  href ="http://www.baobaoyunli.com/bbs/post,232.aspx" > 教你亲子交流50妙招！  </ a ></ li >
   </ ul >
</ div >

 

大家可以看到在div上面有一个hslice的css class，这个class表示这个div内的内容是一个网页快讯，同时要求这个div必须指定id；还有两个固定的css分别是entry-title 和entry-content分别表示网页快讯的标题和内容元素。这个神奇的功能需要我们做的事情就是指定一个id和三个css的class。