面包屑包含三种：

1、定位面包屑路径

面包屑路径中最常见的一种。当前页面路径在商城有唯一的位置。

基于位置(Location-based)的面包屑向用户显示他们在网站的哪一个级别页面。它们一般典型的用于有多个级别（一般是多于两级）的导航方案。在下面的例子中(来自于SitePoint)，每一个页面的文本链接表示它比它右边的文本链接高一级。

举例(来自蓝色理想论坛)：http://www.sitepoint.com/article/introducing-joomla/

A  表明当前在网站内的位置。

B  提供指向先前访问过的页面（或网站）和其他区域的捷径。

本质上，它是网站结构的线性表示。Web上的定位面包屑路径所展示的不是导航的历史，而是在整个网站中某个固定的位置。就是说，不管用户是如何到达location 页面，面包屑路径都是一样的。

2、路线面包屑路径

路线面包屑是动态的。当前页面路径是根据用户的点击产生的。

根据到达方式的不同，特定页面上的面包屑路径也不同。基于路径(Path-based)的面包屑路径显示用户到达特定页面的操作步骤，它们显示用户在到达当前页面之前访问过的页面。

举例：http://www.epicurious.com/旧版  qzone旧版路径

3、属性面包屑路径

当前页面可以通过N条路径找到。
属性面包屑是描述一个页面的方式，不是它在网站中的位置，也不是访问的路径，而是它在某种元数据方案中的位置，这种方案往往是主题层级的。
基于特性(Attribute-based)的面包屑路径显示一个特定页面的特性。

举例：

A、在Newegg，面包屑路径表示在一个特定页面显示的特性内容。
这个页面显示所有拥有由Lian Li制造并有MicroATX微塔式因素的电脑机箱。

B、amazon ，面包屑表达的是物品所属类别，并允许点击类别名称访问上级的类别。整条路径提供了最低一级的页面。也就是说提供了多条通往结点页面的情况。

很多数据来自网络和其他各位的心得。

经典论坛交流：
http://bbs.blueidea.com/thread-2930499-1-1.html

本文链接：http://www.blueidea.com/design/doc/2009/6770.asp　

出处：蓝色理想
责任编辑：bluehearts

上一页 简单解读面包屑 [1] 下一页