DIV与Table布局比较小结

DIVTable本身并没有什么缺点,所谓的web标准只是规范开发者正确运用相关技术使用各标签,DIV是用来布局的,而Table则是转二维数据的。让Table所做的事并不是说页面不出现Table就是好的方法。DIV是标准,但不是所有的页面都适合。

我们中国人并不是很喜欢页面信息量少,所以YAHOO来到中国页面的内容也变的多了,上次变为简洁之后,访问量急剧下降,又恢复原样了,也是由于这样的原因也造就了新浪、搜狐这样的门户。

为什么DIV不适合它们?下面我们就来分析一下。

一、精简代码:
大家都觉得DIV的布局精简,但是用DIV替代Table所节约的又被CSS所占用,而这些样式大多是用来控制DIV布局的。

二、重用性与下载量:
统一使用一个CSS样式表文件,可以达到通过修改一次全站修改的效果以及维护费用的降低,但是如果所有的页面在加载时访问一个文件,那么就需要后面很多前端服务器作为支撑,支撑不住前面所做的一切就会功亏一篑,后果是很可怕的。

三、HTTP通讯:
如果统一的样式表文件都采用外部调用的形式去工作,那么每一次加载页面都会请求服务器增加一次响应,这样的话对前端web服务器消耗是相当大的。应该将css和js写在页面前端,避免了服务器的消耗。

四、页面缓存:
当用户每一次访问的页面,都会在浏览器缓存中保存一段时间,下次再次访问的时候就可以大大提高速度。如果修改CSS文件,每次访问时都会重新下载,而以往的将样式写在页面中,只是修改的页面重新下载。

五、兼容性:
CSS并不是对所有的浏览器及版本都有很好的支持,这就需要在开发过程中对不同浏览器及其版本进行测试,保证其具有良好的兼容性。

六、横切与延展性:
横切是传统布局方式为了使页面下载的更快,自上而下分成若干块,由于每块栏目内容不固定,导致两边栏目没有自动适应,从而出现空白现象。

以上并不是说DIV布局方式不好,而是让我们正确的去对待Table在网站中的作用,我们应该去正确对待二者的关系。

分类目录: 建站教程 | 标签: DIV  Table  布局  比较  小结   | 评论:0
上一篇: 网站界面设计可访问性及其分类
下一篇: 关于网页设计中应该避免的一些方面