Breadcrumbs

A small trail of links that shows the path from the home page to where you are now.

Also called: breadcrumbs, breadcrumb, bread crumbs, crumbs, path, site path, navigation trail, home catalog, where am I, you are here, arrows between sections, page hierarchy

What it is for

It helps you find your bearings in a complex site, especially in deep catalogs, and lets you jump back up a level quickly.

Where you see it

• E-commerce — a catalog path: Home → Electronics → Smartphones
• Knowledge bases — navigating documentation sections
• File systems — showing the current folder

What it is called in code

• <nav aria-label="breadcrumb"> + <ol>
• Breadcrumb

See also

• Link — Clickable text that takes you to another page, or to another spot on the same page.
• Tabs — A row of labels above a block of content. Click one and the block shows that section.
• Pagination — A way to split a long list into separate pages or batches.