Érdekes újítás a Web Slices (web szeletek) az Internet Explorer 8-ban. A web szelet segítségével bizonyos oldalak tartalmi változásait tudjuk nyomon követni anélkül, hogy megnyitnánk az adott oldalt. Ha az oldal támogatja a szolgáltatást, elég, ha a fejléchez hozzáadjuk az oldalt (Alt+J, ha parancssorosan szeretnénk hozzáadni), és máris nyomon követhetjük az oldal változásait a megjelenő kis ablakban. Ezt hol használhatjuk? Egyelőre még nem mindegyik weblapnál, csak azoknál, ahol már úgy írták meg az oldalt, hogy támogassa ezt a funkciót. Ha ezt a zöld jelet () látjuk a bal felső sarokban, akkor az adott oldal támogatja a funkciót.

Az élelmes weboldal üzemeltető azonnal meglátja az ebben rejlő lehetőségeket, és kiadja az utasítást: varázsoljuk oda mi is egy zöld jelet!

Szerencsére ennél mi sem egyszerűbb, mindössze három varázsszó megjegyzésre van szükségünk és ezek megfelelő helyre történő beírására.

A varázsszavak a következőek:

·         Hslice: ez mondja meg, hogy Web Slices-sel van dolgunk,

·         entry-title: ez lesz a web szelet címkéje, ami az IE-ben megjelenik,

·         entry-content: ez jelöli, a frissítendő tartalmat.

Ahova pedig ezeket be kell írni az a „class” tulajdonsága az adott Html elemnek, ez célszerűen legyen egy „div" elem, de lehet bármi más is. Annyi megkötés azért van, hogy a „Hslice” elemnek kötelező, hogy legyen ID-ja (máskülönben nehezen találná meg az IE az oldal forrásában a frissítendő Html részletet).

Néhány esetben megrémülésre adhat okot, ha amit szeretnénk Web Slices-osítani az rendelkezis CSS formázással („class” attribútumhoz van már írva név). Ebben az esetben sincs semmi probléma egy szóköz után bátran írjuk be ezeket a kulcsszavakat is.

<div class="hslice" id="news-slice" style="width: 550px; margin-left: 10px">

    <p class="PagePanelHeader entry-title">

        Saját Web Slicesp>

    <div class="entry-content">

        <ul style="margin-left: 0; list-style: none; list-style-position: outside; font-variant: small-caps">

            <div style="background-color: #F2F6F9; height: 20px">

                <span>

                    <li><a href="/blogs/news/archive/2009/05/28/silverlight-3-233-s-expression-studio-3-j-250-lius-10-233-n.aspx">

                        Silverlight 3 és Expression Studio 3 július 10.-én?a>li>span>

            div>

            <li style="margin-top: 5px; font-variant: normal"><a href="/blogs/news/default.aspx">

                Az összes megtekintésea>li>

        ul>

   div>

div>

A végeredmény magáért beszél, a főnök is elégedett és minimális munkával sikerült weblapunk üzenetét milliókhoz eljuttatni J

A weblap részlet már így jelenik meg.

Feíratkoztunk rá, vastag betűkkel kiemelve jelzi, hogy van új tartalom.

És lenyitva ott látható a tartalom.

Természetesen a formázási lehetősgéeink "korlátlanok", így jóval szebb külsőségekkel megáldott Web Slices-t is készíthetünk.