Breadcrumb navigation is a style of website navigation that allows users to track their location on a website. The term “breadcrumbs” refers to the trail of links that appear at the top of a web page, between the website’s header and its main content.

Each link in the trail represents one step in the user’s journey back to the homepage.

The most basic example of breadcrumb navigation looks like this:

<nav class="breadcrumbs">
  <a href="#">Home</a>
  <a href="#">Category</a>
  <a href="#">Product</a>
</nav>