面包屑
Breadcrumb
「首页 / 分类 / 当前页」一行小字：告诉你在哪一层，还能点回去。
Web 网站桌面客户端导航内容区组件
大白话说明
面包屑把当前页在网站层级中的位置摊开成一行可点的路径，每一级都是链接，当前页不可点。它占地极小，却同时解决了「我在哪」和「怎么回上层」。
什么时候用
层级 ≥3 的内容型网站：文档、电商分类、后台多级页面。
什么时候不用
层级只有 2 层、或流程型页面（结算、表单向导）别用——前者多余，后者会诱使用户跳步。
细节与变体
- 移动端空间紧时只保留上一层加一个返回箭头
- 当前页用正文色、祖先级用弱化色并带下划线 hover
- 层级太深时中间折叠成「…」，点开再展开
配套提示词（点开填空、复制）
参考实现（开源）
- Primer（GitHub） ↗ MIT · 免费（MIT）
GitHub 自家设计系统：克制、工程化，面包屑与数据展示值得抄作业。
- Carbon（IBM） ↗ Apache-2.0 · 免费（Apache-2.0）
IBM 的设计系统：Token 体系与数据密集型界面的标杆，后台产品必读参考。
- Ant Design（蚂蚁） ↗ MIT · 免费（MIT）
国内中后台的事实标准：表格、表单、列表都是行业参照物。