DIV与Table布局在大型网站的可用性比较

作者:ai829 时间:2007-10-08 12:46:00 

DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的。让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛。

用DIV进行排版的优势就是我不说,大家应该都比较清楚。DIV是标准,是大势所趋,但并不意味着所有的页面都适合用它来做。

中国的门户和国外的有很大的区别,中国网民并不喜欢信息量少的页面,YAHOO到了中国页面上的内容就多了不少,而上次改为简洁的页面后访问量下降的厉害以至于没过几天就又改了回来。正式由于中国的国情造就了搜狐、新浪这样门户。

为什么DIV不适合他们?下面我从几个方面来逐一说明:

精简代码:

大家都说DIV的布局精简代码,但是用DIV替代TABLE所节约的代码又被CSS(样式)所占用,而这些样式大多用于控制DIV的排版布局。那你会说了,CSS可以放在外部重用啊,要想得到这个问题的答案请往下看。

重用性与下载量:

统一使用一个.css的样式表文件,可以实现修改一次,全站修改的效果,这样使得维护的成本更低。但是请大家换一个角度想,如果所有页面在加载时都要访问一个文件,那这个文件每天的下载量,特别时在搜狐、新浪的网站平台上将达到几亿次,这就需要后面有很多台前端web服务器在做支撑,那后台的成本无形中也提高了很多。如果后台支撑没有做好,那么页面就会出现花屏,之前所作的工作也是白费。很多人会问,这样的几率太小了。我们所作的工作就是为了避免这一两次意外的发生,如果意外发生了,对于门户后果将是不堪设想的。

HTTP通讯:

统一的样式表文件采用外部调用的形式,这样每次加载单个页面都会多一次对服务器的http请求服务器都会增加一次响应,这样对前端web服务器会是很大的消耗。而原来很长时间都是将css和js写在页面前端(大家可以看看sohu和sina的页面,大多都是采用这样的形式),而不是作为外部调用的形式,也是为了尽量避免给服务器增加消耗。

页面缓存:

每次用户访问的页面,都会在浏览器缓存中保存一定时间,以保证用户下次再访问该页面时能够大大提高页面显示速度。而每次修改都会使页面重新下载,对于每个外部导入的样式文件也是如此,如果CSS文件修改,那么访问网站的每一个页面都会重新下载,而以往的将样式写在页面中的方式,只是修改的页面需要重新下载。

兼容性:

对于CSS(样式表)并不是所有浏览器的所有版本都支持的很好,比如IE5以前的浏览器对于CSS的支持就不是很好。而现在使用IE5以前版本浏览器的用户不在少数,这样就使得在页面制作的过程中需要针对不同浏览器版本进行测试,以保证兼容性,无形中也增加很多工作量(至少我接触的开发人员制作div页面比table页面的标准时间要长一些)。

标签:div,table,布局
0
投稿

猜你喜欢

  • SQLServer与服务器连接时出错的解决方案

    2009-06-28 14:35:00
  • css学习笔记:为什么在IE6下图片会往下掉一行

    2009-06-19 12:50:00
  • Hello! 404

    2010-09-06 13:37:00
  • ASP.NET中MD5和SHA1密码保护算法的使用

    2007-08-24 09:18:00
  • 用Mysql查询语句记录

    2011-02-16 12:29:00
  • 网站构成的基本元素—网页布局

    2008-01-04 09:49:00
  • JavaScript获取事件对象的注意点

    2009-07-29 18:36:00
  • sql server 锁表语句分享

    2012-02-12 15:49:20
  • asp如何在聊天室实现趣味答题并计分功能?

    2010-06-18 20:00:00
  • 解析:快速的掌握 MySQL支持的操作系统

    2008-12-31 17:18:00
  • jquery 常用操作

    2010-01-12 16:00:00
  • 使用字符串建立查询能加快服务器的解析速度吗?

    2010-07-14 21:03:00
  • 深入浅出SQL之左连接、右连接和全连接

    2009-08-30 15:14:00
  • CSS 3入门

    2009-04-19 13:00:00
  • 编写兼容IE和FireFox的脚本

    2009-05-19 12:01:00
  • asp如何去除HTML标签

    2010-06-07 20:47:00
  • html注释书写规范

    2008-08-13 13:06:00
  • 常用正则表达式例子及评注说明

    2008-01-03 13:04:00
  • Oracle中sys和system的区别小结

    2009-11-10 20:36:00
  • SQL数据库操作类

    2009-01-14 16:26:00
  • asp之家 网络编程 m.aspxhome.com