页头
Header
初级网页页头（Header）是网站页面顶部的区域，通常放着标志、导航和主要操作入口。它帮助访客确认自己到了哪里，并找到接下来要去的页面；比如产品官网会在页头提供「功能」和「定价」入口。
你可能会说：「我想让官网每页顶部都有一块区域，放品牌标志、页面入口和登录按钮，方便访客随时找到方向。」
动手看看云笺官网的页头导航
当前页面
显示主要操作入口
悬停、按住页头入口，或用 Tab 聚焦，感受操作反馈；再用「当前页面」模拟跳转。这里点击只演示按压反馈，不会真的跳转。
页头把三个任务放在一起：左侧标志告诉你这是云笺，中间导航帮你找内容，右侧醒目的试用入口引导你开始使用。
要点页头里放什么，取决于访客要做什么？
- 1
先让访客认出网站身份
你可以把标志放在页头，让访客进入内页后仍能认出这是哪个产品。标志通常也能带人回到首页，这样从定价页或文章页返回起点就很顺手。
- 2
导航围绕主要访问路径
页头常放少量关键页面入口，比如「功能」「定价」「文档」。因为访客会从不同页面进入网站，所以这些入口能帮他们继续探索；次要内容可以留给页脚。
- 3
操作入口跟着页面目标走
如果官网希望访客试用产品，页头可以放「开始使用」；如果主要服务已有用户，就可以放「登录」。手机屏幕较窄时，我们还得考虑这些入口如何收起和展开。
容易混淆的地方
页头是页面顶部的整体区域，顶部导航栏只是其中负责提供页面入口的部分；页头还可能包含标志和操作按钮。首屏则是访客打开页面后最先看到的内容范围，可能同时包含页头和下方的产品介绍。和 AI 沟通时，区分这三者，就不会把首屏文案误塞进导航区。
什么时候用
适合用
- 做多页产品官网时，让功能页、定价页和文档页共用页头，方便访客在页面之间切换。
- 做有登录入口的 SaaS 官网时，在页头同时提供产品介绍入口和进入账户的路径。
- 把桌面官网适配到手机时，明确页头里哪些入口常显，哪些收进导航菜单。
不适合用
- 做嵌在别的网站里的小组件时，外层页面已有自己的页头；组件内部用简短标题说明功能就够了。
- 做全屏展示或演示模式时，如果重点是让观众专注内容，可以用退出入口代替常驻的网站页头。
练一练选一个答案，看看解释
你在做一个有首页、功能页和定价页的 AI 工具官网。访客可能从搜索结果直接进入定价页。你会怎样安排页面顶部？
让 AI 帮你做复制给 AI Agent 直接用
请为我的多页 AI 工具官网设计共用页头：包含可返回首页的品牌标志、「功能」「定价」「文档」入口，以及「登录」「开始使用」。同时说明手机窄屏时导航如何收起，并保持各页入口一致。