不同类型的面包屑导航案例

面包屑导航是一种辅助导航工具，它为用户呈现出网页的结构层次，让用户知道自己目前所处的位置以及自己还能到哪里去。以下是不同类型的面包屑导航案例：

1. 基于层次结构的面包屑

这种面包屑会经常出现，它可以显示出当前页面在整个网站中所占据的层次，类似主页博客分类文章名称。对于结构层次深的网站来说很有帮助，不至于让用户在网站中迷路，对于用户体验的提升很有帮助。

```html

Home

2013

• November

```

2. 基于属性的面包屑

这种面包屑常见于电商类网站，显示为商品的属性类别，例如进行购买手机的时候可以对手机的品牌、系统、内存及尺寸等方面进行筛选组合，是用户方便了解当前查看的商品的属性。

```html

Home

Electronics

Cell Phones

• Samsung Galaxy S9+

```

3. 基于路径的面包屑

这种面包屑即历史足迹，它所反映的不是网站的结构特征，而是游客的完整访问路径。此类面包屑动态生成，帮助游客记录浏览的历史足迹。

```html

Home

• Search Results for "iPhone X"
• Product Details

```

以上三种类型的面包屑导航案例均展示了不同的应用场景和用户交互体验。