利用网页快讯让读者快速获取更新信息

!本文可能 超过1年没有更新,今后内容也许不会被维护或者支持,部分内容可能具有时效性,涉及技术细节或者软件使用方面,本人不保证相应的兼容和可操作性。

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

文档内发现

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

网页快讯

网页快讯有什么用呢

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

如何使用

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

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

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

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

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

如何更改网页快讯的名称

添加网页快讯

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

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

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

1
2
3
4
5
6
7
<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>

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

若无特别说明,本网站文章均为原创,原则上这些文章不允许转载,但是如果阁下是出于研究学习目的可以转载到阁下的个人博客或者主页,转载遵循创作共同性“署名-非商业性使用-相同方式共享”原则,请转载时注明作者出处谢绝商业性、非署名、采集站、垃圾站或者纯粹为了流量的转载。谢谢合作!
请稍后...

发表评论

电子邮件地址不会被公开。 必填项已用*标注