简单解读面包屑（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
投稿猜你喜欢
本文实例讲述了Python自定义主从分布式架构。分享给大家供大家参考，具体如下：环境：Win7 x64，Python 2.7，APSched- 本文实例讲述了Flask教程之重定向与错误处理。分享给大家供大家参考，具体如下：Flask类有一个redirect()方法. 当我们调用它时
- PDF是我们经常会接触到的一种文件格式，文献、文档...很多都是PDF格式。它以格式稳定的优势，使得我们在打印、分享、传输过程中能够最优的保
- 本文实例为大家分享了python实现飞机大战游戏的具体代码，供大家参考，具体内容如下1、准备环境下载python(这里建议不需要安装最新的，
- 在Python中如何实现单例模式？这可以说是一个经典的Python面试题了。这回我们讲讲实现Python中实现单例模式的n种方式，和它的原理
- 最近真的感觉到了python生态的强大（倒吸一口凉气）现在介绍一个可以生成动态二维码的库（myqr）效果如图：第一步要安装myqr库在cmd
- 前言首先图片格式转换的方法有很多，但是转二进制字节流的，我搜了一下午终于在 stackoverflow上搜到了 说一下为什么要在线转这个图片
- 我们经常需要在数据库上建立有权限的用户，该用户只能去操作某个特定的数据库（比如该用户只能去读，去写等等），那么我们应该怎么在sqlserve
- 前言：有读者可能会一脸懵？啥是索引潜水？你给起的名字的吗？有没有索引蛙泳？这个名字还真不是我起的，今天要讲的知识点就叫索引潜水（Index
- 作业备份，不是备份数据库，是备份作业。 我的方法是把作业导出成文件备份起来，因为当你服务器维护的多了的时候很多你的作业 就很成问题，很麻烦。
- 和获取网页上的信息不同，想要进行模拟登录还需要向服务器发送一些信息，如账号、密码等等。模拟登录一个网站大致分为这么几步：1.先将登录网站的隐
- 一、前言使用过Python的同学们一定被她的各种编码问题缠绕过，因为平常维护的新老项目跨越 2、3两个版本，编码问题有时更是让我苦不堪言，遂
- 字典的本质就是 hash 表，hash 表就是通过 key 找到其 value ，平均情况下你只需要花费 O(1) 的时间复杂度即可以完成对
- 一. torch.stack（）函数解析1. 函数说明：1.1 官网：torch.stack()，函数定义及参数说明如下图所示：1.2 函数
- 一、需要识别的内容需要识别的验证码内容如下 验证码下载下载地址。二、直接调用tesseract来完成识别（识别率很差）
- 需求我在最近的一个任务中，存在一个redis高并发计算多个客户端接收预警信息的时长问题。模型是首先模拟多个客户端连接预警服务器集群，然后向预
- 存储过程的功能非常强大，在某种程度上甚至可以替代业务逻辑层，接下来就一个小例子来说明，用存储过程插入或更新语句。1、数据库表结构所用数据库为
- 最近在研究Hacker News API时遇到一个HTTPS问题。因为所有的Hacker News API都是通过加密的HTTPS协议访问的
- 文件操作是开发中经常遇到的场景，那么如何判断一个对象是文件对象呢？下面我们总结了3种常见的方法。方法1：比较类型第一种方法，就是判断对象的t
- Main.jsvar routeList = [];router.beforeEach((to, from, next) => { v
