用DIV+CSS代替传统的Table制作框架和美化页面。百度搜索优化
由于html文件中的table标签的浏览速度较慢,所以,使用嵌套表格的方法来布局网页框架会使网页浏览的速度变慢。因为table是中的内容是自适应的,为了自适应,它要计算嵌套最深的节点以满足自适应,所以有可能会有一断时间出现空白才显示。所以是会有问题的。
使用DIV的方法布局网页框架的优点:可以通过css样式给框架进行功能强大的属性设置以及给网页的局部进行任意的定位,制作出来的页面浏览速度较快,同
时页面的风格可以通过修改单独的css文件进行随意的修改和更新;缺点:每个div容器都需要定义css样式来控制,制作过程相比table方式要复杂。
table优点:开发时间短(使用DW开发速度快);纯table各浏览器不会有兼容问题;内容可自适应;在搜索引擎排名能靠前
table缺点:如果布局变更,需要重新开发;如果table里有div ul 等,可能会出现浏览器兼容问题;加载速度慢;table套table,此点不可取;
div优点:内容和显示分离,便于维护扩展,网页布局方便,当需求改变的时候,效果最明显
其实适当的用table+DIV+CSS是最好的组合,也是最省时省力的办法,所以并不能说是取代。
总起来说还是用div+css的好,但是例如表格一类的还是用table的好。但是div+css的布局功能是table所不能比的,在网页改版上就可以看出来。推荐你看看“蝉翼花园”这个网站,这个就把css的功能发挥的淋漓尽致,table是比不了的。
table的现在一般都不再用了,因为它的显示必须是table加载完成后才能显示,而div把他们分开加载一块显示一块,但是一般是根据需求来选择用div或者ul,ol的
最好是用div+css,主要是因为table加载完了才会显示内容,而div+css则是加载一点显示一点,这样用户体验会更友好~!
为什么不用table布局呢?因为table会让代码很乱,不容易阅读或者是程序嵌套,而且会增大document的体积。更重要一点,就是table未完全加载时,里面的单元格内容不会显示,假如你有一个很大的页面要加载,你可能要等上很久才会看到内容,而之前是一片空白。这对于用户体验是非常致命的。