# 面包屑 / Breadcrumb > 组件 · `id: breadcrumb` 用"首页 / 分类 / 子类 / 当前页"的层级路径表示用户在信息架构中所处的位置： 每个上级都可点击跳回，末项为当前页不可点。这是防止用户迷路成本最低的手段， 命名源自童话中沿途撒下用来标记归路的面包屑。常置于页面标题上方。 **别名:** 面包屑导航 · 路径导航 · 层级路径 · 位置导航 · 首页大于分类那种路径 · 网站路径条 · trail **分类:** Navigation ## 适用场景 - 层级深于两层的内容型站点（文档、电商类目） - 用户可能从搜索或外链直达深层页面 - 需要低成本的逐级回退路径 ## 不适用场景 - 扁平单层的应用，面包屑只是噪音 - 无稳定层级的个性化信息流 - 移动端空间极紧且层级浅（可省略） ## 常见形式 - **文字型** (Text) — 纯文本链接 + 分隔符，最常见 - **带图标** (With icons) — 根节点用房子图标、项前加小图标 - **截断型** (Truncated) — 中间层级折叠为省略号，可展开 ## Platform API - `