經常會(huì)有(yǒu)一(yī)些(xiē)人(§"rén)在網站(zhàn)設計(jì)中，一(yī)說(​εshuō)到(dào)tab就(jiù)很(hěn)自(zì)然地(dì)想到(dà∏¥"₩o)了(le)網站(zhàn)導航、信息架構♠φ←。随著(zhe)網站(zhàn)信息結構的(de)複雜(zá)化(huà)，選擇tab似乎是(s&₩σhì)性價比最高(gāo)、結構傳遞最明(mín€✘g)确的(de)導航方式。這(zhè)也(yě)許是(shì)其中面包屑導航方式衰弱的(de)≠±♠重要(yào)原因吧(ba)。 如(rú)果你(¥♠±σnǐ)想在網站(zhàn)設計(jì)的(de)時(shí)候用(yòng)ta÷≥​b的(de)方式構架你(nǐ)的(de)網站(zhàn)，那(nà)請(qǐng)你(nǐ)在建∑γ ™站(zhàn)之前需要(yào)弄明(míng)白(bái)下(xià)面幾  ‍£個(gè)問(wèn)題，或許會(huì)對(duì)你(nǐ)怎麽設計(jì)網站(★§zhàn)會(huì)有(yǒu)一(yī)定的(de)幫助。   Ω​÷ 那(nà)麽用(yòng)tab導航方式到(dφ↔βào)底能(néng)解決什(shén)麽問(wèn)題呢(ne)？ &♠£在設計(jì)你(nǐ)網站(zhàn)ta§✘‌b之前，先要(yào)弄清楚為(wèi)什(shén)麽要(yào)用(yαλΩòng)tab，用(yòng)tab對(duì)你(nǐ)的(de)網站(zhγ♠àn)設計(jì)又(yòu)有(yǒu)什(shén)麽好→≥↕(hǎo)處呢(ne)？每個(gè)tab下(xià)的(de)信息到(dào)底是←‍(shì)什(shén)麽，信息之間(jiān)的(de)關系又(yòu)是(shì)÷β'÷什(shén)麽？ 信息結構一(yī)共有(yǒu)多(duō)少(shφ ǎo)層？ tab跟大(dà)标題之間(jiān)的(de)關系（大(dà)标題的(d✘↑e)作(zuò)用(yòng)大(dà)部分(fēn)是(shì∑$↔)給用(yòng)戶定位，給用(yòng)σ☆↔戶來(lái)看(kàn)的(de)。） 并列關系 過濾關系 是(shì)否互為(§♣wèi)同類項？ 包含與被包含？ …… 如(rú)上(sh•™àng)圖，tab1和(hé)tab2下(xià)面的(de)信息互¥™相(xiàng)之間(jiān)的(de)關系？每個(gè)tab下(xià)信息和(h≤  γé)大(dà)标題之間(jiān)的(de)關系？隻有(yǒu)搞清楚他(tā)們之間★δ÷♣(jiān)的(de)關系和(hé)需求，才有(y™÷∑∞ǒu)辦法進行(xíng)下(xià)一(yī)步的(de)tab導航的(de)網站(zhφλσεàn)設計(jì)。 tab結構 來(lái)看(§≤'kàn)看(kàn)下(xià)面這(zhè)幾張圖，相(xiàng)信你(nǐ)↕‍‌λ也(yě)應該能(néng)夠明(míng)白(bái)他(tā)們的(de)結構±σ↔<的(de)區(qū)别了(le)。   上(shàng)圖都(dōu)是(¶φ δshì)選中tab4的(de)效果，但(dα∑àn)結構方式卻不(bù)一(yī)樣。雖然這(zhè)個(gè)例子(zǐ)很(hěn)簡單，₹‌>但(dàn)我們在實際操作(zuò)的(★↓∏‍de)時(shí)候，往往會(huì)比這(zhè)複雜(zá)很(hěn)多(duō)，比如>λ(rú)： tab下(xià)面需要(yào)嵌套tab，如(rú)digg的(§₩↔™de)設計(jì)。 或者tab和(hé)面包屑的(de)結合方式，（如(rú)原♠✘來(lái)junchen介紹過的(de♠™φ)）等等， 很(hěn)多(duō)問(w裧n)題往往因為(wèi)多(duō)層的(de)信息結構，在tab的(de)運用(y✘&γòng)上(shàng)面，需要(yào)靈活變通(tōng)。 （我們在研究結構≥¶的(de)時(shí)候，需要(yào)完全>∏®>抛開(kāi)交互和(hé)視(shì)覺樣式來(lái)分(fēn)★π>±析） tab的(de)交互方式 選中的(de×₩)tab是(shì)否可(kě)以再操作(πεσzuò)？如(rú)果是(shì)，如(rú)何告訴用(yòng)戶≥>‍×？ 點擊tab的(de)時(shí)候，刷新不(bù)刷新頁面？ tab的(de)₽↕↑←視(shì)覺樣式 tab長(cháng)得(de)什(shén)麽樣•Ω子(zǐ)，會(huì)很(hěn)直接地(dì)影(yǐng)✘→♣響用(yòng)戶對(duì)網站(zhàn)導航€α∞的(de)認知(zhī)，舉三個(gè)比較常見(→↕¥jiàn)的(de)例子(zǐ)： &nb¥←λ≈sp; 當然，視(shì)覺樣式肯定很(hěn)難窮舉出來(lái)←γ♦≈，有(yǒu)需求的(de)參考一(yī)下(φ↑"xià)這(zhè)裡(lǐ)。