Site header
The block across the top of a page that holds the logo and the main navigation.
Also called: header, site header, page header, navbar, nav bar, navigation bar, top bar, top menu, menu at the top, strip at the top, sticky header, fixed header
What it is for
It gives access to the key parts of a site from any page: the logo that links home, the main menu, search, the cart, the profile. It is often fixed in place as you scroll (a sticky header), so it is always within reach.
Where you see it
- Company websites — top-level navigation
- SaaS platforms — global search and account settings
- E-commerce — quick access to the cart and categories
What it is called in code
<header>navbarsticky header
See also
- Site footer — The block at the very bottom of a page with supporting information and links.
- Hamburger menu — An icon of three horizontal lines that hides the main menu off-screen until you tap it.
- Breadcrumbs — A small trail of links that shows the path from the home page to where you are now.