顶部导航布局Top Nav
你可能会说
最经典那种结构：上面一条导航，下面全是内容。
顶部导航布局是一种把主要导航放在页面上方、下方安排内容区域的页面结构官网、社区和内容网站常把品牌、核心入口和主操作放进顶栏，下方展示居中或通栏内容。长页面可让导航配合吸顶 Sticky保持可见；移动端应把过多入口收进清楚、可关闭的菜单，不能只是把文字挤小。
组成结构 · Anatomy
内容区页脚 · 版权与次要链接
放置品牌入口、导航和主要操作，必要时可吸顶
页面主体，居中限宽，两侧留白
版权、备案、次要链接的收纳处
常见变体 · Variants
静态顶栏Static
页面一屏看完，不用吸顶
吸顶顶栏Sticky
长页面需要持续提供导航入口时
双层顶栏Stacked
导航多到一层放不下时用
典型使用场景
内容站与博客
产品官网
文档站
营销落地页
延伸阅读 · 权威出处