Source

ब्रेडक्रंब हें नांव

CSS वरवीं आपसूक विभाजक जोडपी नेव्हिगेशनल क्रमवारींत सद्याच्या पानाचें स्थान दाखोवचें.

नियाळ

विभाजक आपसूक CSS त ::beforeआनी वरवीं जोडटात 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>

सुलभताय

aria-label="breadcrumb"ब्रेडक्रंब नेव्हिगेशन पुरवण करता देखून, घटकांत दिल्ल्या नेव्हिगेशन प्रकाराचें वर्णन करपा सारकें अर्थपूर्ण लेबल जोडप <nav>, तशेंच aria-current="page"सद्याच्या पानाचें प्रतिनिधित्व करता हें दाखोवपाक संचांतल्या निमाण्या वस्तूक एक लागू करप ही एक बरी कल्पना.

चड म्हायती खातीर, ब्रेडक्रंब नमुन्या खातीर WAI-ARIA लेखन पद्दती पळयात .