微软的 IE8 有个新功能 Web Slice,如何让我们的网页也支持 Web Slice 呢?
<div class="hslice" id="siteUpdates">
<div class="entry-title">ITPOW更新</div>
<div class="entry-content">
Web Slice 内容,可任意布局。
</div>
</div>
</div>
以上就完成了一个 Web Slice,可以看出就是增加三个 class 和一个 id。
三个 class 分别是:
- 最外层的 hslice;
- 用于标题的 entry-title;
- 用于内容的 entry-content。
必须的属性是 hslice、entry-title、id,可选属性是 entry-content。
如果我们需要自己的样式表名称,这样写也是正确的:
<div class="updates hslice" id="siteUpdates">
<div class="title entry-title">ITPOW更新</div>
<div class="content entry-content">
Web Slice 内容,可任意布局。
</div>
</div>
</div>
用空格把多个样式表分隔开。
同时 HTML 元素也不一定非要是 div。
除了上面介绍的属性外,Web Slice 还有更多的属性,而且还有一些高级应用,就请参考 MSDN 了: