提醒:本页面将不再更新、维护或者支持,文章、评论所叙述内容存在时效性,涉及技术细节或者软件使用方面不保证能够完全有效可操作,请谨慎参考!

大家可能已经注意到侧边栏的Last Update栏目会在IE8或者IE9浏览器访问下会有个绿色的框框,类似于下面这种:

文档内发现

其实这个就是微软在IE8及后续浏览器上应用的一个新功能,叫“网页快讯”,当然这样鼠标移上去出现的绿框框叫做文档内发现。通过文档内发现我们可以指示读者如何正确获取快讯内容。

网页快讯

网页快讯有什么用呢

通过网页快讯,访问者可以在不打开你的网站的前提下通过收藏栏已订阅的网页快讯获取你网站的更新内容,这样岂不是很便捷。

如何使用

其实应用网页快讯的文档内发现非常容易,你只需要简单的修改相关的标签属性就可以了。

网页快讯标识属性为hslice,另外还要添加上id属性(id属性必不可少)。比如像下面这样:

<div class="hslice" id="score">
</div>

这样div包含的内容将加上绿框框被剪辑出来。当然有人肯定要问如果我有另外一个已定义样式的class怎么办,其实你可以通过空格分隔各个class属性,就像下面这样。

<div class="hslice mydefined" id="score">
</div>

如何更改网页快讯的名称

添加网页快讯

其实我们可以分别用entry-title和entry-content的class属性来分别标识我们的名称和内容。当然包含这些属性的标签必须是包含hslice的子标签。

<div class="hslice" id="score">
   <h2 class="entry-title">My Title</h2>
   <p class="entry-content">My Content</p>
</div>

当然如果你需要应用其他名称并且这些名称不想给浏览用户看到时,这里有个小技巧,可以给标签加上display:none属性。比如:

<div class="hslice" id="score">
   <div class="entry-title" style="display:none">
       Full Description
   </div>
   <h2>My Simple Title</h2>
   <p class="entry-content">My Content</p>
</div>

好了就介绍这么多,如果你对这个感兴趣的话不妨看下微软的官方文档 《使用网页快讯订阅内容》