New Features of Internet Explorer 8: webslices

Source: Internet
Author: User
ArticleDirectory
    • Chaotic world

New Features of IE8

Chaotic world

Who dominated the world with a smile?
The 9-tailed explorations are different.
When ye yundun is born,
No one on the right of a unified Jianghu.

Although IE8 is only in the beta1 stage, some novelty-loving friends have begun to think about it. In addition, IE8 is indeed a surprising new thing-activities, webslicess, and more support for css2 ......

The series of new features of IE8 will be explained through simple and practical examples, and some new features of IE8 will be thrown in the hope of sparks of your thinking ...... For this series, we have also made a deep-hitting poem

Introduction to webslices

This time, let's talk about an interesting new Web Slices in IE8. the literal translation is a webpage clip. But what is the use of this stuff? I will try again later.

In the past, to know the updates of a website, you always need to constantly access the webpage and refresh the page. However, the results are often disappointing. After all, the human resources are limited. Who can be so exhausted with the website?

So RSS appeared. This is fine. Through the RSS reader, I will be able to know the updates of my website as soon as possible. RSS is really a good thing. However, I still need to open the RSS reader to know, and RSS is too bad for subscriber customization. For example, for my blog, I want to subscribe to the latest user reviews instead of the update list of the article ...... Another point is that if I want to subscribe to an update list of a website, I must also know its RSS subscription address ...... However, those web designers always dress up with their RSS subscription icons and addresses, and I can't find them ......

As a result, webslices allows you to specify any part of the content on the webpage, and provides a very intuitive and fast subscription method, and the subscription is directly reflected in the IE favorites bar, allows you to conveniently, directly, and quickly view the updates of web pages.

If you are using the IE 8 browser, you can access the http://ie8.ebay.com to quickly get the use of webslices experience Oh. Search for a product (such as book) in "Start A webslice enabled search" and move the cursor to the product list on the page to see the icon of webslices.


Webslicess subscription icon

Click this icon to bring up a dialog box asking if you want to schedule the webpage fragment. Click "add" to subscribe to the product information.


The legendary webslicess subscription dialog box

Even if you leave the eBay website, when the product information is updated (bold in the favorites column ), you only need to open IE8 to know the product update information as soon as possible (do not tell me that you seldom use browsers ).


As long as IE8 is enabled, you can immediately know the Update Status of website segments. How can we implement the webslices function?

This gorgeous feature is incredibly simple to implement! Only three classes are required! You can decide whether to add styles for these three classes. The following is a simple implementation example-click here to access the webslices Sample Page

Click here to show the sample Web page source code <! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< Html Xmlns = "Http://www.w3.org/1999/xhtml" >
< Head >
< Meta HTTP-equiv = "Content-Type" Content = "Text/html; charsets = UTF-8"   />
< Meta Name = "Keywords" Content = "Yes! B/S !, Web standards, Yang Zhengyi, blog Park, examplesCode"   />
< Meta Name = "Description" Content = "This is a simple yes! B/S! Article Example page, from Yang Zhengyi's blog, http://justinyoung.cnblogs.com /"   />
< Title > Yes! B/S! Article example Page </ Title >
< Style Type = "Text/CSS" >
# Hslicetest {
Width : 200px ;
Height : 200px ;
}
# Hslicetest h3 {
Background-color : # Ccc ;
}
</ Style >
</ Head >
< Body >

< Div Class = "Hslice" ID = "Hslicetest" >  
< H3 Class = "Entry-title" > Webslices title </ H3 >
< Div Class = "Entry-content" >
This is an example of webslices. From < A Target = "_ Blank" Href = "Http://justinyoung.cnblogs.com /" Title = "Webslices" > Yes! B/S! </ A >
</ Div > <! -- End: Entry-content -->
</ Div > <! -- End: hslice -->

</Body>
</Html>

It is so simple that you put the content of the web page that provides webslices subscription in a container with the class as "entry-content, when the browser moves the mouse to this area, the subscription icon of webslices appears.


Precautions for webslices examples
    • Do not test the webslices Sample Page on a local static page. No effect. You must upload the file to the server for the effect.
    • The entry-content container cannot contain form forms. Webslices can only be used to display data and cannot perform interactive operations. (We hope to support interactive operations in the future. Think about it. If you can subscribe to the flash drive in the blog community, is it very convenient to send the flash drive !)
    • If your original structure already contains the class, how can you add these additional classes? In fact, it is very simple, as long as two classes are separated by spaces. Example: <Div class = "my_oldclass entry-content">
    • If you do not want to display the title of a webslices subscription (Content in entry-title) on the page, you can display it as none. In this way, the title of the webslices subscription is not displayed on the webpage, but it does not affect the title effect in the IE8 favorites bar. (I only know the Dudu practices in the blog Park. Haha ~)
    • If you are interested in this, you can download the webslices developer White Paper. You can download the developer whitepaper from IE8 developer whitepaper (PDF Format, attachment download.
    • Now IE8 is only in the beta1 stage, so webslices still has the possibility of further modification and improvement.
    • (This article is a one-day post from February 18,. I would like to recommend the nfa2dfa article "IE8 webslice early adopters", which contains more and more in-depth information about webslices. We recommend that you read this article. Thank you for your message.)
The first website to use webslices ??

I just wrote this article and then read the published results on the blog homepage. Suddenly, a webslices subscription icon appears on the sidebar of the blog homepage. Haha ~ It seems that Dudu is also a guy who enjoys early adopters.

I used to only know that websites such as eBay, Facebook, Yahoo, and MSN provide the webslices test function. I really don't know who used the webslices function for Chinese websites. I don't know if my blog is the first person who eats the Web Slices crab in Chinese websites?


List of articles related to webslices examples
    • IE8 developer White Paper (PDF format, with download)
    • Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8
    • I would like to recommend this article "IE8 webslice early adopters" by nfa2dfa, which introduces webslice technology more systematically and systematically.
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.