div+css布局和table布局的区别
table布局是早期还没有css样式代码的时候兴起的，用table标签进行布局，是不正规的，table标签是表格用来显示数据的，并不是用来布局网页框架的，即使有的网页布局很简单，但现在大多数网站布局都是采用div+css样式布局，下面来看看div+css布局和table布局的区别。
一、div+css布局和table布局的区别
1、div标签和table标签加载方式不同，div布局是即加载即显示的方式加载网站页面的，简单地讲就是网站加载多少内容就显示多少内容，加载了<div>标签和没有加载</div>显示的内容是一样的，而table标签则完全不同，必须要等<table></table>标签全部加载完成后，才显示内容，这是因为table标签涉及到了表格行列的问题，所以必须要等table标签全部加载完成才可以显示内容。
2、div标签与css样式代码要配合使用，使网站代码精简下来；
3、div+css开发网站可能要比table标签开发网站时间要长一些，但后期维护div+css要比table标签简单。
二、div+css布局的优点
div+css布局的优点
1、div+css布局符合W3C标准，站点代码目录结构清晰简单，程序结构和样式代码分离，便于后期维护；
2、div+css布局精简，后期修改简单，且维护成本低；
3、可极大提高网站加载速度；
4、可最大限度节约站点流量及网站空间；
5、可直接用html代码嵌套css样式标签，还可以提高搜索引擎对网站页面的收录率。
三、table布局的优缺点
table布局也不是一点用的没有，这点是毋庸置疑的。
1、table布局的优点
1）table表格代码布局，易上手，学习简单；
2）可形成较复杂的布局设直，而且布局还比较简单；
3）在站点代码结构表现上更严谨，在不同的浏览器上都可以兼容，不会发生不兼容浏览器的问题。
2、table布局的的缺点
1）站点样式代码与数据绑定一起；
2）网站样式布局简便灵活性不够；
3）一个站点页面可能会有大量的table标签元素，程序太臃肿；
4）网站加载速度慢，需要增加更快的带度；
5）table标签布局的网站不利于搜索引擎优化；
