面包屑导航

面包屑导航通过提供返回起始页面的面包屑轨迹，帮助用户了解他们在网站中所处的位置。

这些项通常以内联方式显示，并带有分隔符，以指示各个页面之间的层次结构。

这种模式使用一个简单的 flex 布局摆布，展示了一行 CSS 如何为我们提供导航。分隔符是由 CSS 内容生成属性添加的，你也可以将其换成其他想要的分隔符（样式）。

我使用了 aria-label 和 aria-current 属性来帮助用户理解这个导航的结构，以及当前页面在结构中的位置。 详情请参见相关链接。

不同的布局方法，在各种浏览器上的支持情况也不尽相同。有关所使用属性的基本支持的详细信息，请参见下面的图表。

Flexbox

• CSS 弹性盒子布局
• 提供面包屑路径
• 使用 aria-current 属性