|
這兩天M$出了個IE8beta1版~害得我的Google Reader里全是IE8的信息，可惜有用的信息太少了，在翻M$的網(wǎng)站時，倒是發(fā)現(xiàn)了一個比較帥的功能：“WebSlices”。
簡單的來說，它的功能就是把網(wǎng)頁的某一塊“剪”出來放收藏夾里。這個功能與Mac OS上的Web Clip Widget性質不大一樣，Web Clip是由用戶自由剪網(wǎng)頁，而WebSlices是要網(wǎng)頁輸出特定的格式可以“剪”的。如果你已經(jīng)裝了IE8的話，來我的站上逛下，應該可以看到這圖片里的效果：
是不是感覺很無聊滴樣子，當然，是在blog上是沒什么特別的效果。M$介紹了個應用：ebay的IE8特別版，比如把某個正在拍賣的商品剪出來就有意義了。實現(xiàn)的方式其實很簡單，只要指定HTML的class與ID就行，看一下列子：
<div class="hslice" id="testWebSlice">
<p class="entry-title">傳說中滴標題</p>
<div class="entry-content">傳說中滴可以被剪的內容</div>
</div>
entry-title和entry-content感覺有點熟悉呢？嗯，就是Microformats的hAtom，那些差點給人忘記的東西給M$翻出來用了。其實我的Blog一直滲著hAtom的約定，只是所有滲著hAtom的內容卻不適合WebSlices，要注意的一點點就是，ID不能少。-_-b 介于M$IE比較強的特點，ID可以用數(shù)字，人家官方的例子就是用數(shù)字當ID。
測試傳說中滴標題
可以用IE8來測試一下能不能把這傳說中滴內容剪出來
除了設置要剪的內容話，還可以設置過期的時間，比如： <p>End time:<abbr class="endtime" title="2008-02-28T17:00:00">1 day 18 hours</abbr></p>
跟Microformats一樣的用法，不過選的class是endtime而不是dtend。當瀏覽器發(fā)現(xiàn)過期時會顯示過期的標記。
同時也可以用跟RSS一樣作用的ttl來定最長緩存時間，比如： <p>This clip updates every <span class="ttl">15</span> minutes </p>
你甚至可以用Feed來重定向被剪的內容，只要在entry-content中加上： <a rel="feedurl"href="auction.microsoft.com/item.xml">Subscribe to WebSlice</a>
M$的白皮書少了個“h”，href跟ref是兩回事，完全就是在欺騙我的感情。白皮書中說到要在Feed中加上一些特定的元素來指定ttl endtime等屬性，不想再復制代碼了，有興趣的同學查書去。
同時可以指定默認的WebSlices，只要在head里加上： <link rel="default-slice" type="application/x-hatom" href="www.example.com/#auction" />
也可以控制WebSlices在網(wǎng)頁里不出現(xiàn)剪切的提示，在head加上： <meta name="slice" scheme="IE" content="off" />
白皮書中還有一些關于樣式的有效范圍和一些認證跟其他一些東東，有興趣的朋友可以看一下：Internet Explorer 8 Beta 1 Whitepapers - Release:WebSlices
本文鏈接：http://www.95time.cn/tech/web/2008/5450.asp 
出處：藍色理想
責任編輯：bluehearts
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
