前端开发工程师不可不知的8种布局方式

作者：重庆千锋

标签：

作为前端开发工程师，布局方式有多种，针对不同的情况有不一样的处理，但是很多初学的同学都不知道这些情况，那么我们今天就来说说，那些前端开发工程师不可不知的8种布局方式！下面和千锋重庆web前端小编一起来看看吧！

第一种：“同”字布局

什么是“同”字布局。其实就是和同字差不多的结构。顶上方是该网站的标题以及横幅名称，然后左右两列分列一些内容，中间部分为主要内容，下方一般为网站的信息、联系方式等。这种排版是大家生活中比较常见的，一般大型网站都比较喜欢这种排版方式。

第二种：拐角型布局

其实这种布局和“同”字布局很相像，只是少了右面的那一条。顶上方是网站的标题以及横幅名称，然后左边是一些窄的链接内容，右边是宽的网站的主要内容，下方是网站的信息、联系方式。这种布局也十分常见。像：中国日报中文网、中国经济网等都用的是这种网页布局。

第三种：标题正文型

其实这种网页布局很简单，上方为标题，下方为正文，这种布局多出现在一些文章界面和一些新闻界面。

第四种：左右框架型

这种界面比较清晰，一般左面为导航连接，右边为正文。这种界面在大型论坛上使用的比较多。

第五种：上下框架型

上下框架型其实和左右框架型有异曲同工之处。上一个是把界面分为左右两部分，而上下框架是把界面分为上下两部分。

第六种：综合框架型

其实综合框架型是左右框架和上下框架的结合体。

第七种：封面型

这种网页布局充满艺术性，带给人省心悦目的视觉体验。一般放在一些网站的首页，多为一些精美的平面设计。

第八种：Flash型

这种与封面型相似，能带给人视觉、听觉的双重感受，传达的信息内容也更为丰富。这款类型非常近很火。

这8种前端开发的布局方式，你常用的是哪几种呢？欢迎留言评论哦！

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qf2019/article/details/111246079

程序地带