Breadcrumbs Stable

The breadcrumb navigation provides orientation for the user on websites with a deeply nested page structure. It offers hyperlinks to reach the parent pages.

Usage Code

<ol class="bare-list breadcrumbs" vocab="http://schema.org/" typeof="BreadcrumbList">
  <li class="breadcrumbs__item" property="itemListElement" typeof="ListItem">
    <a class="breadcrumbs__link" href="#" property="item" typeof="WebPage"><span property="name">Home</span></a>
    <meta property="position" content="0">
  </li>
  <li class="breadcrumbs__item" property="itemListElement" typeof="ListItem">
    <a class="breadcrumbs__link" href="#" property="item" typeof="WebPage"><span property="name">Products &amp; Services</span></a>
    <meta property="position" content="1">
  </li>
  <li class="breadcrumbs__item" property="itemListElement" typeof="ListItem">
    <a class="breadcrumbs__link" href="#" property="item" typeof="WebPage"><span property="name">Medical Imaging</span></a>
    <meta property="position" content="2">
  </li>
  <li class="breadcrumbs__item" property="itemListElement" typeof="ListItem">
    <span property="name">Computed Tomography</span>
    <meta property="position" content="3">
  </li>
</ol>