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页面的标准时间要长一些)。
0
投稿猜你喜欢
假如一个页面中的文本采用的都是同样的字体、同样的字号、同样的颜色，做为读者的你能轻易的区分出哪里是标题，哪里是正文内容吗？所以通常情况下，设- 要向数据库中添加超级链接，要经过两个步骤，一是在表中定义字段类型为“超级链接”，一是向此字段中添加数据。要在表中定义字段类型为“超级链接”，
- <％If(Request.QueryString("Page")="") ThenPage=1
- 触发器权限和所有权CREATE TRIGGER 权限默认授予定义触发器的表所有者、sysadmin 固定服务器角色成员以及 db_owner
- 1 导言 Microsoft 在Microsoft SQL Server 2000中推出了与XML相关的功能以及Transact-SQL 关
- 为什么使用事务 当对多个表进行更新的时候，某条执行失败。为了保持数据的完整性，需要使用事务回滚。 显示设置事务 代码如下:beg
- asp之家注：本文介绍的长文章分页方法不错，作者分析的很详细，用分页符来手动为长文章分页，应该是最好的长文章分页方法，我们不必担心会把一些代
- 将表数据生成SQL脚本的存储过程示例：CREATE PROCEDURE dbo.UspOutputData @tablename sysna
- 在设计主键的时候往往需要考虑以下几点： 1.无意义性：此处无意义是从用户的角度来定义的。这种无意义在一定程度上也会减少数据库的信息冗余。常常
- 当“ 页面重构工程师 ”这个职位的面试官也蛮长一段时间了，跟前两年比起来，总的来说来应聘的同学能力在很大程度上有了提高，记得两年前的一场招聘
- froglt 的站点：http://www.go2here.net 欢迎转载，请注明出处，未经作者允许，禁止一切商业应用。这是即
- 阅读上一篇：javascript面向对象编程（二） [Interface,Class.implement 接口及实现]接口规定了一些方法，如
- 一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字
- ORACLE的数据字典是数据库的重要组成部分之一，它随着数据库的产生而产生, 随着数据库的变化而变化, 体现为sys用户下的一些表和视图。数
- 大概在2004年初的时候，我第一次买了一本很厚的书，名字或许叫《Dreamweaver MX从入门到精通》，很认真看着书并实践操作大约三分之
- 一个js用星投票的例子，不是常见的图片版，当然你如果会点js代码的话应该可以改为更加美观的图片投票，原理都一样。本程序只演示了读取星的个数，
- 要做好一个HTML邮件，说简单，还真不怎么复杂，说它复杂，其实也不难。-_-!!以前写过类似的[ 关于HTML邮件的总结 ]，最近又犯愁，就
- 先看一段HTML代码，在下边这段代码中，这张图片的宽度未知，我想写在CSS中写一行限制最大宽度为50px：<div id=&
- 声明定位元素：position属性值设置除默认值static以外的元素，包括relative，absolute，fixed。平台：win/I
- 水平线对于制作网页的朋友来说一定不会陌生，它在网页的版式设计中是非常有作用的，可以用来分隔文本和对象。
