在本文中，我們將探索面包屑在網(wǎng)站上的用法，并討論在你自己的網(wǎng)站中應(yīng)用面包屑路徑的一些最佳實(shí)踐方法。

一般的網(wǎng)站會(huì)有很多頁面，面包屑導(dǎo)航可以大大改善用戶尋找他們的路徑的方法。就可用性而言，面包屑可以減少一個(gè)網(wǎng)站的用戶返回上一級(jí)頁面的操作次數(shù)，而且他們可以提高網(wǎng)站部分和頁面的可查找性。他們還是在網(wǎng)站層次中指示用戶所在位置的有效的視覺助手，這使之成為承接頁面上下文信息的很棒的根源。

面包屑（或稱為面包屑路徑）是一種顯示用戶在網(wǎng)站或網(wǎng)絡(luò)應(yīng)用中的位置的二級(jí)導(dǎo)航方案。這個(gè)術(shù)語來自于神話故事《奇幻森林歷險(xiǎn)記》，故事的兩個(gè)小主人公丟下一條面包屑路徑，然后順著這條路徑回到了家中。就像這個(gè)故事一樣，在現(xiàn)實(shí)世界的應(yīng)用程序中，面包屑為用戶提供一種追蹤返回最初訪問頁面的方式。

Delicious.com網(wǎng)站的面包屑

你通?？梢栽谟写罅康陌匆欢ǖ燃?jí)組織的內(nèi)容的網(wǎng)站上找到面包屑。你也可以在有多于一個(gè)步驟的網(wǎng)絡(luò)應(yīng)用上見到它們，這個(gè)時(shí)候他們的功能類似于進(jìn)度條。最簡(jiǎn)化的方式是，面包屑就是水平排列的被大于號(hào)" > " 隔開的文本鏈接；這個(gè)符號(hào)指示該頁面相對(duì)于鏈接到它的頁面的深度（級(jí)別）。

在本文中，我們將探索面包屑在網(wǎng)站上的用法，并討論在你自己的網(wǎng)站中應(yīng)用面包屑路徑的一些最佳實(shí)踐方法。

面包屑導(dǎo)航用于大型網(wǎng)站和按分級(jí)排列頁面的網(wǎng)站。一個(gè)典型的案例就是電子商務(wù)網(wǎng)站，在這類網(wǎng)站中，大量的產(chǎn)品被按照邏輯分類分組。

你不必在沒有邏輯等級(jí)或分組的單級(jí)網(wǎng)站上使用面包屑。一個(gè)決定是否使用面包屑導(dǎo)航的方法是建立一個(gè)網(wǎng)站地圖或結(jié)構(gòu)圖來描述網(wǎng)站的導(dǎo)航結(jié)構(gòu)，然后分析面包屑是否能提高用戶在類別內(nèi)和類別之間的定位能力。

面包屑導(dǎo)航應(yīng)該作為擴(kuò)展的額外的功能，而不能替代有效的主要導(dǎo)航菜單。它是一個(gè)方便的功能；一個(gè)允許用戶定位他們?cè)谀睦锏?strong>二級(jí)導(dǎo)航方案；一個(gè)定位你的網(wǎng)站的可選擇的方法。

面包屑主要分為三類。

基于位置(Location-based)的面包屑向用戶顯示他們?cè)诰W(wǎng)站的哪一個(gè)級(jí)別頁面。它們一般典型的用于有多個(gè)級(jí)別（一般是多于兩級(jí)）的導(dǎo)航方案。在下面的例子中(來自于SitePoint)，每一個(gè)頁面的文本鏈接表示它比它右邊的文本鏈接高一級(jí)。

基于特性(Attribute-based)的面包屑路徑顯示一個(gè)特定頁面的特性。例如，在Newegg，面包屑路徑表示在一個(gè)特定頁面顯示的特性內(nèi)容。

這個(gè)頁面顯示所有擁有由Lian Li制造并有MicroATX微塔式因素的電腦機(jī)箱。