網頁設計構元素之選項卡。選項卡是組織網站內容的一個基本方法．同時提供了關于內容集合方式的一個視覺線索。此外，選項卡往往還擔當了指向標的角色，隨時告訴訪客當前所瀏覽的網頁在整個網站中所處的位置。由此，這些極普遍使用的項目幾乎用盡了所有你能想象到的樣式。不過，我們還是能夠找到一些新穎的例子，藉以激發我們去展開自己的華麗冒險。選項卡通過重復的方式讓網站的網頁設計風格得以貫穿始終．這可參見圖1所示的ClothMoth網站。在該網站中，按鈕呼應了整個站點的布藝主題及其面向低端的風格，網站使用的選項卡也與服裝的常用標簽協調呼應，于是這些服裝化的選項卡也就威了一個重要的功能組成部分，與站點融為一體。盡管這樣的網頁設計方式整體上可能不會有什么突破，但無疑這些經過深思熟慮的網頁設計確實能起到很好的作用。另一個值得關注的要素是滲透于整個網站網頁設計的主題。通常．選項卡不需要很深的內涵或者雙重目的就能起到自己應有的作用。FranBoot網站l圖2）和TheCSSBlog網站l圖3)都是極好的實例。這些網站并未特別對選項卡作什么革新，但這些相同的選項卡貫穿于整個網站，達到了整俸網頁設計上的無縫對接。有些網頁設計者讓選項卡實現一些有趣的功能，例如在IMDesign網站（圖4）以及MetalLab網站（圖5）上，你能看到一些類橢圓狀選項卡的側邊菜單。這一網頁設計使得左側的菜單看起來既像是選項卡又像是簡單的鏈接。這樣就將一個普通的側邊菜單變成一個能幫你弄清楚自己當前位置的導航菜單，這對于通過搜索引擎或者共享鏈接登錄子級頁面的訪客來說十分有用。開發者提示最為常見的一種生成選項卡的方法是滑動窗口技術這種技術將普通列表樣式網頁設計為能夠滑到合適位置，帶有背景圖的漂亮選項卡．有關此項技術的完整介紹評論詳貝上述方法或者將活動的文本內容與背景圈相結合．使之相得益彰，或者將文本直接嵌入圖像中．兩種方式在技術七都不難實現．而且兩者的生成方式都可以相當靈活，然而如果是常見的橫向選項卡，那么它們就要面臨空間受限的問題，因此就需要重新仔細網頁設計．網站上給出了很多基于jQuery解決選項卡問題的方法，如果你需要讓選項卡成為內容的一部分．且不需要重新加載就能改變頁面．那么可以采用這種方式．CSS選項卡就是頁面模板的一部分．這種模板實際生成的正是全新的頁面．