顶部导航栏Navbar

你可能会说

顶上的导航要把主要栏目都放进去，我在哪个页面得看得出来。

顶部导航栏是网页页头中提供主要页面入口和当前位置提示的导航区域官网可以在导航栏放品牌入口、产品、价格和登录等核心链接，并为当前页面加清楚高亮。入口过多时应分组或收进菜单；移动端菜单必须能打开、关闭并用键盘操作，保存、删除等当前页动作不应伪装成主要导航。

也常被叫作导航栏主导航栏

你可以这样告诉 AI Agent

让“产品、模板、价格、博客”在所有官网页面使用同一套顶部导航，并高亮当前栏目。请验证各链接目的地、键盘焦点、吸顶时不遮正文，以及移动端菜单能打开和关闭。

容易混淆？这样区分

顶部导航栏Navbar≠页头 Header

页头 Header 是页面顶部的完整区域，可以包含品牌、搜索、登录等内容；顶部导航栏 Navbar 是其中专门放置主要导航入口的部分。

组成结构 · Anatomy

品牌标识，约定俗成点击回首页

数量由信息架构和可用空间决定，并标识当前项

需要时放置登录、注册或试用等高频操作

常见变体 · Variants

品牌 + 链接Standard

入口较少、层级清楚的站点导航

带主要操作WithCTA

吸顶Sticky

长页面需要频繁跨页导航时

典型使用场景

官网顶部导航

文档站吸顶栏

电商站点导航

博客极简顶栏