導(dǎo)航條是網(wǎng)頁設(shè)計(jì)中不可缺少的部分，它是指通過一定的技術(shù)手段，為網(wǎng)站的訪問者提供一定的途徑，使其可以方便地訪問到所需的內(nèi)容，使人們?yōu)g覽網(wǎng)站時(shí)可以快速從一個(gè)頁面轉(zhuǎn)到另一個(gè)頁面的快速通道。利用導(dǎo)航條，用戶就可以快速找到想要瀏覽的頁面。
網(wǎng)頁中導(dǎo)航條的主要作用就是幫助用戶找到需要的信息，可以概括為以下個(gè)方面：
引導(dǎo)頁面跳轉(zhuǎn)：網(wǎng)站頁面中各種形式與類型的導(dǎo)航和菜單都是為了幫助用戶更方便地跳轉(zhuǎn)到不同的頁面。
定位用戶的位置：導(dǎo)航和菜單還可以幫助用戶識別當(dāng)前頁面與網(wǎng)站整體內(nèi)容的關(guān)系，以及當(dāng)前頁面與其他頁面之間的關(guān)系。
理清內(nèi)容與鏈接的關(guān)系：網(wǎng)站的導(dǎo)航和菜單是對網(wǎng)站整體內(nèi)容的一個(gè)索引和高度概括，它們的功能就像書本的目錄，可以幫助用戶快速找到相關(guān)的內(nèi)容和信息。
導(dǎo)航是網(wǎng)頁中非常重要的引導(dǎo)性元素，可以從利用率、實(shí)現(xiàn)度、符合性和有效性4個(gè)方面來評估一款導(dǎo)航設(shè)計(jì)是否足夠優(yōu)秀。
利用率：瀏覽者通過導(dǎo)航功能瀏覽不同頁面的次數(shù)越多，說明導(dǎo)航的利用率越高。
實(shí)現(xiàn)度：用戶使用導(dǎo)航功能時(shí)，能夠通過點(diǎn)擊導(dǎo)航中的鏈接，進(jìn)行了下一步操作占的比例。
符合性：用戶使用導(dǎo)航后的停留時(shí)間和任務(wù)完成度，可以用來衡量導(dǎo)航的符合度。頁面的平均停留時(shí)間越短，任務(wù)完成度越高，則導(dǎo)航的符合性越高。
有效性：可以用頁面平均停留時(shí)間來衡量導(dǎo)航的有效性。用戶在每個(gè)頁面停留的時(shí)間越短，說明導(dǎo)航的功能越有效，有效性越高。
一個(gè)優(yōu)秀的網(wǎng)頁頁面能夠通過使用導(dǎo)航幫助用戶訪問網(wǎng)站內(nèi)容。導(dǎo)航的形式種類很多，在網(wǎng)頁中較為常用的形式有標(biāo)簽形式、按鈕形式、彈出菜單形式、無邊框形式、Flash形式和多導(dǎo)航系統(tǒng)形式。
標(biāo)簽形式：在一些圖片比例較大、文字信息量小且網(wǎng)頁風(fēng)格比較簡單的網(wǎng)頁中，標(biāo)簽形式按鈕較為常用。
按鈕形式：按鈕形式的導(dǎo)航是最為原始，也是最容易讓瀏覽者理解為單擊含義的導(dǎo)航形式。按鈕可以制作成為規(guī)則或不規(guī)則的精致美觀外形，以引導(dǎo)用戶更好地使用。
彈出菜單形式：由于網(wǎng)頁的空間有限，為了能夠節(jié)省頁面的空間，而又不影響網(wǎng)頁導(dǎo)航更好地發(fā)揮其作用，因此網(wǎng)頁出現(xiàn)了彈出式菜單形式的導(dǎo)航。
無邊框形式：無邊框形式的導(dǎo)航是將圖標(biāo)邊框去除，使用多種不規(guī)則的圖案或線條作為導(dǎo)航，在網(wǎng)頁界面設(shè)計(jì)中，這種導(dǎo)航可以給人輕松的自由感。
Flash形式：隨著網(wǎng)絡(luò)的發(fā)展和人們對時(shí)尚潮流的不斷追求，各種各樣的頁面導(dǎo)航形式不斷豐富起來，目前很多網(wǎng)頁上使用了Flash形式的導(dǎo)航。但是由于Flash本身的一些缺點(diǎn)，在HTML5技術(shù)日益成熟的今天，會越來越少使用。
多導(dǎo)航系統(tǒng)形式：多導(dǎo)航系統(tǒng)形式多用于內(nèi)容較多的網(wǎng)頁中，導(dǎo)航內(nèi)部可以采用多種形式進(jìn)行表現(xiàn)，以豐富網(wǎng)頁效果，每個(gè)導(dǎo)航的作用各不相同，不存在任何的從屬關(guān)系。