你可能会说
页面顶部加个导航栏：Logo、菜单链接、登录按钮。
页面顶部的横条，包含 Logo、菜单链接、登录按钮等。
页面顶部的横条，包含 Logo、菜单链接、登录按钮等。全站每个页面都有，是用户跳转的核心入口。
生活类比
像商场的指示牌——不管你在哪层，抬头就能看到「美食区往左、电影院往右」。
🎮 动手试试
关于「导航栏」，以下哪个描述最准确？
你可以这样告诉 AI
帮我做一个响应式顶部导航：桌面端横向展开所有菜单，移动端缩成汉堡图标点击展开侧滑菜单。
导航栏切换的是不同页面（URL 会变），标签页切换的是同一页面内的不同内容区块（URL 不变）。
多页面网站导航
需要让用户在首页、分类页、关于页等之间切换时，用导航栏提供全局菜单入口，保持每个页面都能快速跳转。
和 AI 协作时
想让 AI 做导航栏时，说「顶部导航栏：左侧 Logo、中间首页博客关于、右侧搜索框和头像」，AI 会生成组件。
单页应用内容切换
如果只在一个页面内切换内容区块（如「全部/已读/未读」），用标签页更合适——导航栏暗示跳转到不同 URL。
与纯后端系统无关
API 网关、数据库管理系统等后端项目没有用户界面层面的页面跳转需求，导航栏完全不适用。
页面顶部的横条，包含 Logo、菜单链接、登录按钮等。全站每个页面都有，是用户跳转的核心入口。
像商场的指示牌——不管你在哪层，抬头就能看到「美食区往左、电影院往右」。
和 AI 沟通时提到「顶部加个导航栏」，就是做 Navbar 组件。