网页布局的常见8种类型是什么-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

网页布局的常见8种类型：1、“国”字型布局；2、拐角型布局；3、标题正文型布局；4、封面型布局；5、“T”结构布局；6、“口”型布局；7、对称对比布局；8、POP布局。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

网站的风格大部分是各不相同，但是布局都有一定的规律，常见的网站布局形式有八种，分别是“国”字型布局、拐角型布局、标题正文型布局、封面型布局、“T”结构布局、“口”型布局、对称对比布局、POP布局。下来逐一给大家介绍这八种网页布局的常见类型。

1、“国”字型布局

这种布局是普通也是常见的，一些大型网站经常使用这种类型。它的特点就是规范，内容主次由上到下，网页上面是标题条幅、导航栏，下面就是网站相关内容信息等，例如chinaren、163、sina等网站。

2、拐角型布局

该布局特点就是把相关内容的链接放到网页的左面或右面，另一面就是相关的文字信息，网站的上面是标题条幅或是主要内容导航栏，例如校园网站等。

3、标题正文型布局

它的特点就是利用文字来布局，除了标题，下面就是文章，像一些专门的文章、小说页面或注册页面就属于这种类型。

4、封面型布局

它的特点是网站的首页是一些精美有创意的图案结合一些小的动画组成，在页面当中，没有什么导航栏指示，只是有简单的“进人”等链接，这种布局一般设计性网站用的比较多，像设计论坛、设计公司、个人网站等，因为这种布局需要精心设计，给人的视觉感觉也很美妙。

5、“T”结构布局

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者