Layouts & Structure

Top Navigation

Top navigation places primary links across the top of a page or app.

Also called Top navHeader navigationMenu at the topLinks in the header

Visual Example

Plain Definition

Top navigation is common when a small number of major destinations should stay visible.

You Might Describe This As...

  • "Menu at the top"
  • "Links in the header"

Fast lookup

You May Also Mean

Top navigation moves between major places; tabs switch between sibling views within the current area.

Tabs

Check the name, visual cue, and typical use.

Tabs vs Accordion

See the practical difference side by side.

What It Is Used For

  • Navigating website sections
  • Keeping a compact set of primary links visible
  • Pairing brand, search, and account actions

Example User Phrasing

  • "Put the main links in top navigation."
  • "Add a header menu with Products, Pricing, and Docs."