在網(wǎng)頁的應(yīng)用中，“追溯來路”這件事瀏覽器已經(jīng)做得足夠好了，所以“面包屑”慢慢地就變成用來表達(dá)內(nèi)容歸屬關(guān)系的界面元素，也就是我們經(jīng)?？吹降?ldquo;主分類>一級(jí)分類>二級(jí)分類>三級(jí)分類>……>最終內(nèi)容頁面”這樣的方式。但是一般正常的來講目錄結(jié)構(gòu)由3層結(jié)構(gòu)組成。分別是首頁>欄目頁>內(nèi)容頁。合理的構(gòu)建目錄結(jié)構(gòu)可以讓用戶隨時(shí)隨地的找到自己所在的位置又能保證欄目分類后的各個(gè)欄目的權(quán)重不至于太分散。同時(shí)在許多關(guān)于網(wǎng)站用戶使用體驗(yàn)的調(diào)查報(bào)告中也得出超過3次點(diǎn)擊訪客還沒有找到需要的信息，訪客就很大的可能性會(huì)離開網(wǎng)站。所以，3層目錄結(jié)構(gòu)也是瀏覽體驗(yàn)的需要。
作用
1、讓用戶了解目前所處位置，以及當(dāng)前頁面在整個(gè)網(wǎng)站中的位置。
2、體現(xiàn)了網(wǎng)站的架構(gòu)層級(jí)，能夠幫助用戶快速學(xué)習(xí)和了解網(wǎng)站內(nèi)容和組織方式，從而形成很好的位置感。
3、提供返回各個(gè)層級(jí)的快速入口，方便用戶操作。
4、Google已經(jīng)將面包屑導(dǎo)航整合到搜索結(jié)果里面，因此優(yōu)化面包屑導(dǎo)航每個(gè)層級(jí)的名稱，多使用關(guān)鍵字，都可以實(shí)現(xiàn)SEO優(yōu)化。
適用條件
雖然目前很多網(wǎng)站都流行使用面包屑導(dǎo)航，但是并不是所有的網(wǎng)站都適用。符合下面兩個(gè)條件的網(wǎng)站才適合使用面包屑導(dǎo)航。
1、層級(jí)較深的網(wǎng)站，面包屑導(dǎo)航適合層級(jí)較深的網(wǎng)站，如果只有一級(jí)分類的話，通過主導(dǎo)航就可以起到快速定位的作用。比如“豆瓣網(wǎng)”類型扁平構(gòu)架的網(wǎng)站就沒有使用面包屑導(dǎo)航的作用。
2、獨(dú)立不交叉的網(wǎng)站機(jī)構(gòu)，由于面包屑網(wǎng)站導(dǎo)航路徑是線性結(jié)構(gòu)的，因此網(wǎng)站內(nèi)容必須劃分的非常清晰，且不存在交叉；否則，面包屑導(dǎo)航的路徑就不是唯一的，同一分類可能出現(xiàn)在不同的路徑中，讓用戶感到困惑。
示范

基于位置(Location-based)的面包屑向用戶顯示他們?cè)诰W(wǎng)站的哪一個(gè)級(jí)別頁面。它們一般典型的用于有多個(gè)級(jí)別（一般是多于兩級(jí)）的導(dǎo)航方案。在下面的例子中(來自于SitePoint)，每一個(gè)頁面的文本鏈接表示它比它右邊的文本鏈接高一級(jí)。 　　A 表明當(dāng)前在網(wǎng)站內(nèi)的位置。 　　B 提供指向先前訪問過的頁面（或網(wǎng)站）和其他區(qū)域的捷徑。 　　本質(zhì)上，它是網(wǎng)站結(jié)構(gòu)的線性表示。Web上的定位面包屑路徑所展示的不是導(dǎo)航的歷史，而是在整個(gè)網(wǎng)站中某個(gè)固定的位置。就是說，不管用戶是如何到達(dá)location 頁面，面包屑路徑都是一樣的。