What are Web Slices?

What are Web Slices?

IE8 new feature Web Slices (Web Slices)
Microsoft released the official version of IE8 on March 20. The new feature Web Slices is something that I am very interested in.
What are Web Slices?
Slice refers to a part, and Web Slices refers to a part of the content on a web page. For example, you are interested in the latest article on ITFeed or the latest price of a product on Taobao, but you don’t want to open the page all the time to check. What should you do? Web Slices provides you with such convenience. You can get updates of the parts of the web page you are interested in on the favorites bar. Right-click and select Properties to set the update plan. When there is an update, it will notify you in bold, or you can refresh it manually to view it.
How to create Web Slices?
Web Slices uses the Microformats approach. All you need to do is set three specific class tags for a certain section of (x)html code. Also, don’t forget to add an ID to this content, otherwise it will be invalid.
The three class tags are hslice, entry-title, and entry-content.
hslice sets the content block
entry-title sets the displayed title
entry-content sets the content to be displayed
<div id="news" class="hslice">
<h4 class="entry-title">ITFeed Latest Updates</h4>
<ul class="entry-content">
<li><a href="#">Another quick loan from a foreigner</a></li>
<li><a href="#">The SNS community road of vertical portals</a></li>
<li><a href="#">Learn to use the data() function in jQuery</a></li>
<li><a href="#">Voices from Taobao front-end developers</a></li>
<li><a href="#">Use jQuery to create a floating navigation. </a></li>
</ul>
</div>
add web slices
web slices

<<:  Use the docker build kit to build a Docker image that can be used on the Raspberry Pi

>>:  Vue template configuration and webstorm code format specification settings

Recommend

Vue realizes the percentage bar effect

This article shares the specific code of Vue to r...

How to detect whether a file is damaged using Apache Tika

Apache Tika is a library for file type detection ...

Detailed explanation of common methods of JavaScript String

Table of contents 1. charAt grammar parameter ind...

MySql multi-condition query statement with OR keyword

The previous article introduced the MySql multi-c...

Complete example of vue polling request solution

Understanding of polling In fact, the focus of po...

Tutorial on building a zookeeper server on Windows

Installation & Configuration The official web...

The 6 Most Effective Ways to Write HTML and CSS

This article shares the 6 most effective methods,...

The difference between float and position attributes in CSS layout

CSS Layout - position Property The position attri...

HTML input box optimization to improve user experience and ease of use

In order to improve user experience and ease of us...