用途:用于设计网站中的面包屑导航(层级导航与位置指示),帮助用户在层级结构中定位当前位置。资料给出的是设计规则,而非可安装的软件包。
主要能力与规则: 结构采用 Home > Category > Subcategory > Current Page;最后一项为当前页面,不可点击且样式不同;分隔符使用 / 或 >,不要用 >>;扁平化(无层级)站点不应使用面包屑;长路径用省略号截断,如 Home > ... > Subcategory > Page;移动端只显示父级或折叠;为 SEO 添加 BreadcrumbList 结构化数据。
无障碍要求:外层使用 nav aria-label="Breadcrumb";使用有序列表 ol 表达语义;当前页用 aria-current="page" 标记;分隔符作为装饰,通过 CSS 实现而非文本。
使用方式与限制:资料未提供安装命令、代码示例或具体实现步骤,仅给出设计规范;URL 指向 skills.sh 上的条目页面。实际落地时需结合所用框架自行实现,具体组件、工具与兼容性暂未提供。