推薦：新聞門戶之導(dǎo)航易用性排名
NO.1網(wǎng)易http://www.163.com/網(wǎng)易是目前所見(jiàn)到的最便于查看的導(dǎo)航。導(dǎo)航內(nèi)容按分類排列，又以該類別最受關(guān)注的頻道作為分類標(biāo)題，這樣就避免了個(gè)別頻道沒(méi)有

B、 盒狀（box）模型結(jié)構(gòu)
盒裝模型是建立在頁(yè)面布局的基礎(chǔ)上，承載內(nèi)容和數(shù)據(jù)的最直接頁(yè)面基礎(chǔ)結(jié)構(gòu)，主要分為容器、標(biāo)題、內(nèi)容、底部三個(gè)部分。
一個(gè)典型的盒裝模型效果分為側(cè)欄效果和主欄效果兩種風(fēng)格，統(tǒng)一的HTML結(jié)構(gòu)，通過(guò)CSS來(lái)控制樣式上顯示的不同，這一部分在樣式層主要討論。
在首頁(yè)以及少量非凡頁(yè)面上，會(huì)有額外的風(fēng)格，但是依然以盒狀模型為基礎(chǔ)。

解析如下：

HTML片段如下：

C、包裝（pack）模型
對(duì)于站內(nèi)存在的視頻、豆單、播客、小組、話題討論等等，都有既定的統(tǒng)一表現(xiàn)風(fēng)格，因此在盒裝模型以外，單獨(dú)設(shè)立了面向這些常用內(nèi)容的模型結(jié)構(gòu)，因?yàn)槭谴虬�處��，所以稱之為包裝模型。
包裝模型基本風(fēng)格一致，但是在各處的顯示略有不同，同時(shí)還會(huì)涉及在個(gè)人主頁(yè)上自定義樣式等，是需要符合全站出處可用的封裝模型。
常見(jiàn)的有：

包裝模型最重要的變化來(lái)自于樣式層的處理，其結(jié)構(gòu)本身很簡(jiǎn)單，就不做解析了，以下是一個(gè)視頻包的HTML片段范例：

分享：給“用戶體驗(yàn)”降溫
近兩年，“用戶體驗(yàn)”這個(gè)詞成了時(shí)髦，很多設(shè)計(jì)師和公司產(chǎn)品宣傳，都打出“用戶體驗(yàn)”的牌，甚至天天把用戶體驗(yàn)掛嘴邊。動(dòng)不懂就大講用戶體驗(yàn)設(shè)計(jì)，炒概念，它