Breadcrumb 面包屑导航
/BRED-krum/ · noun · 导航类模式 · #049
标记你身在何处的足迹：每个上级都是链接，当前页只是文字。如果用户根本不会走深，就别撒面包屑。
你可能会这样叫它
- “页面顶部的路径导航”
- “首页 › 分类 › 当前页”
- “显示当前位置的一串链接”
- “用箭头隔开的小链接”
- “路径条”
……它的名字是 面包屑导航（Breadcrumb）。
代码里叫什么
| iOS / Android / Flutter | 没有面包屑组件，手机 App 用导航栏里的返回按钮代替 |
|---|---|
| Web (HTML / ARIA) | <nav aria-label="Breadcrumb"> <ol> aria-current="page" |
| Structured data (schema.org) | BreadcrumbList |
复制给 AI 编程工具
在页面标题上方加面包屑导航：从首页到当前页的路径，用“›”隔开的链接，最后一项是当前页，用纯文字而不是链接。外层用 <nav aria-label="Breadcrumb"> 包住一个有序列表，最后一项标 aria-current="page"，小屏上折叠中间层级，并加上对应的 BreadcrumbList 结构化数据。