← 返回 Web 词条
面包屑导航
Web 原生没有这个
网页没有会自动生成路径的原生面包屑控件,需要根据信息层级渲染链接并补充导航语义。
通常怎么做:使用带名称的 nav 和有序列表;当前页不可重复链接。
它按层级列出当前位置到起点的路径,让用户知道自己在哪并能返回上层。
- 页面上面显示我一层层从哪来的那串字
- 首页后面跟着分类再跟当前页的路径
- 能点回上一级目录的那排小字
- 路径导航
- 层级路径
- 位置路径
其他平台的相似实现
iOS需自己实现
该平台没有原生实现苹果移动平台没有面包屑或文件路径控件,层级导航通常由返回按钮、标题和导航栈表达。
看 iOS 视角 →Android需自己实现
该平台没有原生实现Material 3 没有面包屑组件,移动端层级通常依靠顶部返回导航;大屏网页式布局才会自定义路径。
看 Android 视角 →使用规范
什么时候用
- 网站或文件结构层级较深,用户需要跳回任意上层位置
什么时候别用
- 线性任务流程、移动端浅层导航或路径会长到无法阅读