Breadcrumbs typically appear horizontally across the top of a web page, usually below title bars or headers. They provide links back to each previous page the user navigated through to get to the current page or—in hierarchical site structures—the parent pages of the current one. Breadcrumbs provide a trail for the user to follow back to the starting or entry point. A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as » or ›), as well as various graphical treatments.
Typical breadcrumbs look like this:
Home page > Section page > Subsection page
or
Home page >> Section page >> Subsection page

Types of breadcrumbs

There are three types of web breadcrumbs:
  • Path: path breadcrumbs are dynamic and show the path that the user has taken to arrive at a page.
  • Location: location breadcrumbs are static and show where the page is located in the website hierarchy.
  • Attribute: attribute breadcrumbs give information that categorizes the current page.