Breadcrumb

Qhia rau nplooj ntawv tam sim no qhov chaw nyob hauv ib qho kev taw qhia hierarchy uas cia li ntxiv cov cais ntawm CSS.

Txheej txheem cej luam

Separators tau txais ntxiv hauv CSS los ntawm ::beforethiab content.

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item active" aria-current="page">Home</li>
  </ol>
</nav>

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">Library</li>
  </ol>
</nav>

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">Library</a></li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
</nav>

Kev siv tau

Txij li thaum breadcrumbs muab ib qho kev taw qhia, nws yog ib lub tswv yim zoo los ntxiv cov ntawv tseem ceeb xws li aria-label="breadcrumb"piav qhia txog hom kev taw qhia nyob rau hauv lub <nav>caij, nrog rau kev siv ib qho aria-current="page"rau cov khoom kawg ntawm cov teeb los qhia tias nws sawv cev rau nplooj ntawv tam sim no.

Yog xav paub ntxiv, saib WAI-ARIA Authoring Practices for the breadcrumb pattern .