框架的最常見(jiàn)用途就是導(dǎo)航。一組框架通常包括一個(gè)含有導(dǎo)航條的框架和另一個(gè)要顯示主要內(nèi)容頁(yè)面的框架。
但是，框架的設(shè)計(jì)可能比較復(fù)雜;并且在許多情況下，您可以創(chuàng)建沒(méi)有框架的 Web 頁(yè)，它可以達(dá)到使用一組框架所能達(dá)到的許多同樣效果。例如，如果您想讓導(dǎo)航條顯示在頁(yè)面的左側(cè)，則既可以用一組框架代替您的頁(yè)面，也可以只是在站點(diǎn)中的每一頁(yè)上包含該導(dǎo)航條;下圖顯示了具有類似框架布局的頁(yè)面設(shè)計(jì)，但在設(shè)計(jì)中并沒(méi)有使用框架。
許多專業(yè) Web 設(shè)計(jì)人員不喜歡使用框架，并且許多瀏覽 Web 的人也不喜歡框架。在大多數(shù)情況下，這種反感是因?yàn)橛龅搅四切┦褂每蚣苄Ч患鸦虿槐匾厥褂每蚣艿恼军c(diǎn)(例如，每當(dāng)訪問(wèn)者單擊導(dǎo)航按鈕時(shí)就重新加載導(dǎo)航框架內(nèi)容的框架集)。如果框架使用得法(例如，在允許其他框架的內(nèi)容發(fā)生更改的同時(shí)，使一個(gè)框架中的導(dǎo)航控件保持靜態(tài))，則這些框架對(duì)于某些站點(diǎn)可能非常有用。
并不是所有的瀏覽器都提供良好的框架支持，框架對(duì)于無(wú)法導(dǎo)航的訪問(wèn)者而言可能難以顯示。所以，如果您確實(shí)要使用框架，應(yīng)始終在您的框架集中提供 noframes 部分，以方便不能查看這些框架的訪問(wèn)者。您最好還要提供指向站點(diǎn)的無(wú)框架版本的顯式鏈接，以用于那些雖然其瀏覽器支持框架但不喜歡使用框架的訪問(wèn)者。
使用框架具有以下優(yōu)點(diǎn):
訪問(wèn)者的瀏覽器不需要為每個(gè)頁(yè)面重新加載與導(dǎo)航相關(guān)的圖形。
每個(gè)框架都具有自己的滾動(dòng)條(如果內(nèi)容太大，在窗口中顯示不下)，因此訪問(wèn)者可以獨(dú)立滾動(dòng)這些框架。
例如，當(dāng)框架中的內(nèi)容頁(yè)面較長(zhǎng)時(shí)，如果導(dǎo)航條位于不同的框架中，那么向下滾動(dòng)到頁(yè)面底部的訪問(wèn)者就不需要再滾動(dòng)回頂部來(lái)使用導(dǎo)航條。
使用框架具有以下缺點(diǎn):
可能難以實(shí)現(xiàn)不同框架中各元素的精確圖形對(duì)齊。
對(duì)導(dǎo)航進(jìn)行測(cè)試可能很耗時(shí)間。
各個(gè)帶有框架的頁(yè)面的 URL 不顯示在瀏覽器中，因此訪問(wèn)者可能難以將特定頁(yè)面設(shè)為書(shū)簽(除非您提供了服務(wù)器代碼，使訪問(wèn)者可以加載特定頁(yè)面的帶框架版本。)
注 ：更多精彩教程請(qǐng)關(guān)注三聯(lián)網(wǎng)頁(yè)設(shè)計(jì)教程 欄目，