常见的网页布局包含哪些内容？

总结

我们谈论网页设计是有原因的。您从一个空白页面开始，然后可以将其朝着许多不同的方向发展。如果您没有太多经验，从空白页面开始可能会有点令人生畏。我们有超过 25 年的经验，将为您提供一些通用的经验法则，帮助您设计您的网站。

即使现在随着对移动 Web 的新关注，几乎所有主流网页都是由这些部分构建的

页眉

出现在网站上每个页面的顶部。包含与所有页面相关的信息（如网站名称或徽标）和一个易于使用的导航系统。

主要内容

最大的区域，包含当前页面特有的内容。

侧边内容

1) 补充主要内容的信息；2) 在页面子集中共享的信息；3) 替代导航系统。实际上，是页面主要内容不绝对需要的所有内容。

页脚

出现在网站上每个页面的底部。与标题一样，包含不太显眼的全局信息，如法律声明或联系信息。

这些元素在所有屏幕尺寸下都很常见，但它们的布局方式可以不同。这里有一些例子（1 代表标题，2 页脚；A 主要内容；B1, B2 侧边内容）

单栏布局。对于移动浏览器尤其重要，这样可以避免拥挤小屏幕。

双栏布局。通常用于平板电脑，因为它们的屏幕尺寸适中。

三栏布局。只适用于大屏幕的台式电脑。（甚至许多台式机用户也更喜欢在小窗口中查看，而不是全屏。）

当您开始将它们混合在一起时，真正的乐趣就开始了

…

这些只是示例，您可以自由地按自己想要的方式布局。您可能会注意到，虽然内容可以在屏幕上移动，但我们始终将标题 (1) 放在顶部，页脚 (2) 放在底部。此外，主要内容 (A) 最重要，所以要给它大部分空间。

这些是您可以借鉴的经验法则。当然，也有复杂的布局和例外情况。在其他文章中，我们将讨论如何设计响应式网站（根据屏幕尺寸变化的网站）以及布局在页面之间变化的网站。现在，最好在整个网站中保持布局的一致性。