简单解读面包屑（2）
作者：西贝 来源：西贝的交互设计 发布时间：2009-06-09 14:16:00
面包屑包含三种：
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 ，面包屑表达的是物品所属类别，并允许点击类别名称访问上级的类别。整条路径提供了最低一级的页面。也就是说提供了多条通往结点页面的情况。
很多数据来自网络和其他各位的心得。
0
投稿猜你喜欢
- 左右布局，图片的宽度不固定。正好前几天测试闭合浮动元素时发现了overflow的特殊现象，倒是正好可以用在这里。测试通过：ie6/7&nbs
首先对空格宽度的定义：空格，由于每个浏览器处理会有微小的不同，在这里我将可以选中的宽度作为空格的宽度。视觉宽度和可选中的宽度有 0~3px- ALTER TABLE将表更改为当前字符集。如果在执行ALTER TABLE操作期间遇到重复键错误，原因在于新的字符集将2个键映射到了相同值
- 有没有办法更快一点？ 有没有办法一次性收缩所有数据库？ 代码如下:alter database 数据库名 set recovery simp
- SQL中的单记录函数 1.ASCII 返回与指定的字符对应的十进制数; SQL> select ascii('A')
- 一、概论超大型系统的特点为：1、处理的用户数一般都超过百万，有的还超过千万，数据库的数据量一般超过1TB;2、系统必须提供实时响应功能，系统
- 在我们设计网页的时候，总会遇到一些不愉快的事情，最常见的莫过于在后台添加内容后才发现显示的页面被撑开，导致网页极度不美观。以前大
- 二级域名的解析指向ASP源代码，懂程序的人一看就明白怎么实现了。呵呵！真简单<％@ LANGUAGE =&nb
- 最近看到大家都练习写树，偶也学习学习写了一个，大家多多批评，我好进步。不过我看了一些树的xml文档都是在xml中就已经有了树的结构，所以我写
- http://validator.w3.org/#validate_by_upload 在线校验网址点浏览，上次找到自己做的页面
- 一、无组件上传的原理我还是一点一点用一个实例来说明的吧，客户端HTML如下。要浏览上传附件，我们通过<input type="
- 在网站建设中，分类算法的应用非常的普遍。在设计一个电子商店时，要涉及到商品分类；在设计发布系统时，要涉及到栏目或者频道分类；在设计软件下载这
- 最近的一个页面中碰到的，本来想用 border 来模拟设计图的虚线效果，但是很明显 border 效果不如设计图来的好看。顺便研究了下 da
- 我插入Mysql5的中文一直是乱码。但是直接使用mysqlAdmin,EMS等工具插入DB就不是乱码。而且我还可以使用程序正常地读出来。原因
- asp程序出错后，错误提示不是很清楚明白，让人摸不着头脑，用下面方法看看有没有帮助（此法目前只适合除ADO错误外的错误） &nb
- 其主要的优点便是无需再手工添加大量的信息了，可以指定对某一个站信息的截取进行批量录入，达到省时省力的目的。与其单纯的ASP小偷程序不同的是:
- Ajax 技术改变了大型商业 Web 应用程序的外观，但是许多较小的 Web 站点都不具备足够的资源重新构建完整的用户界面（UI）。Ajax
- 昨天在看别人blog的时候发现DW有这么一个东西。叫做代码片断。我们可以将常用的css定义写一个代码片断。保存在DW中，作为公用库。当再次写
- 客户的一台服务器出现Raid故障，经过我们的努力，数据基本恢复成功，但是其中的一个SQL Server日志文件（扩展名LDF）损坏严重，基本
- 阅读上一篇：定义网页的语言编码 用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计
