布局可以是编码方面的，也可以是视觉方面的。
编码方面的涉及到语义化标签(也包含了div+css)布局、iframe框架(特殊地方使用)布局和表格布局(只用于一些特殊的地方，不推荐全站使用)，具体你可以百度下了解学习下相关知识。
如图1css编码方式：
如果是视觉交互方面的，就比较多了，每年都会有新的设计布局，高级一点的比如视差类型布局，全屏布局，瀑布流，无缝拼图布局等，这些都不局限于传统的布局方式；传统电子商务、信息类的大多采用单栏、两栏或者三栏布局，还有更多栏布局；分辨率相关的宽屏布局和窄屏布局，感应式布局。太多的选择了，要学习的东西也比较多，要慢慢了解。还有更多的布局需要慢慢摸索和体验。
如图2视觉方式：
至于手机端，例举一些：竖排列表、横排方块、九宫格、TAB切换式、手风琴布局(有多个分类及其内容同时展示)、抽屉/侧边栏、标签场景式），因为屏幕小，要增加用户体验都可以根据具体情况用不同的布局方式。具体的可以多搜索看点教程了解了解.
良好的网站布局对SEO优化有很大促进和帮助。
