为什么显示路径
人们沿“信息气味”寻找（Pirolli & Card, 1999）。从搜索直接进入深层页面的人可借面包屑知道位置。层级越深越易迷路（Miller & Remington, 2004），适合较深的信息架构。
移动端要短
小屏注意力集中在顶部（Kim et al., 2015）。只显示上一级或做成横向滚动一行（Laubheimer, 2018），并保证触控尺寸（Parhi et al., 2006）。主要导航交给底部导航。
设计与标记
当前页不做链接，分隔符用“>”等有方向的符号，在视觉层级中保持低调。用nav与aria-current（W3C, n.d.），也符合WCAG 2.2的2.4.8。
常见问题
- App需要面包屑吗？
- 浅层App不需要，深层目录可只显示上一级。
- 当前页要做链接吗？
- 不，用文本并加aria-current。
来源核查日期：2026-10-27
参考文献
- Laubheimer, P. (2018, December 23). Breadcrumbs: 11 design guidelines for desktop and mobile. Nielsen Norman Group. 桌面与移动端面包屑11条指南。
- Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. 人们沿“信息气味”寻找信息。
- Miller, C. S., & Remington, R. W. (2004). Modeling information navigation: Implications for information architecture. Human–Computer Interaction, 19(3), 225–271. 层级深度与广度对导航的影响。
- Kim, J., Thomas, P., Sankaranarayana, R., Gedeon, T., & Yoon, H.-J. (2015). Eye-tracking analysis of user behavior and performance in web search on large and small screens. Journal of the Association for Information Science and Technology, 66(3), 526–544. 小屏注意力集中于顶部。
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. 密集链接点击区域依据。
- World Wide Web Consortium. (n.d.). Breadcrumb pattern. ARIA Authoring Practices Guide. nav与aria-current用法。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.4.8位置标准。