DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的。让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛。
为什么DIV不适合雅虎、搜狐、新浪等大型网站?下面从几个方面来逐一说明:
精简代码:
大家都说DIV的布局精简代码,但是用DIV替代TABLE所节约的代码又被CSS(样式)所占用,而这些样式大多用于控制DIV的排版布局。那你会说了,CSS可以放在外部重用啊,要想得到这个问题的答案请往下看。
重用性与下载量:
统一使用一个.css的样式表文件,可以实现修改一次,全站修改的效果,这样使得维护的成本更低。但是请大家换一个角度想,如果所有页面在加载时都要访问一个文件,那这个文件每天的下载量,特别时在搜狐、新浪的网站平台上将达到几亿次,这就需要后面有很多台前端web服务器在做支撑,那后台的成本无形中也提高了很多。如果后台支撑没有做好,那么页面就会出现花屏,之前所作的工作也是白费。很多人会问,这样的几率太小了。我们所作的工作就是为了避免这一两次意外的发生,如果意外发生了,对于门户后果将是不堪设想的。
HTTP通讯:
统一的样式表文件采用外部调用的形式,这样每次加载单个页面都会多一次对服务器的http请求服务器都会增加一次响应,这样对前端web服务器会是很大的消耗。而原来很长时间都是将css和js写在页面前端,而不是作为外部调用的形式,也是为了尽量避免给服务器增加消耗。
页面缓存:
每次用户访问的页面,都会在浏览器缓存中保存一定时间,以保证用户下次再访问该页面时能够大大提高页面显示速度。而每次修改都会使页面重新下载,对于每个外部导入的样式文件也是如此,如果CSS文件修改,那么访问网站的每一个页面都会重新下载,而以往的将样式写在页面中的方式,只是修改的页面需要重新下载。
兼容性:
对于CSS(样式表)并不是所有浏览器的所有版本都支持的很好,比如IE5以前的浏览器对于CSS的支持就不是很好。而现在使用IE5以前版本浏览器的用户不在少数,这样就使得在页面制作的过程中需要针对不同浏览器版本进行测试,以保证兼容性,无形中也增加很多工作量(至少我接触的开发人员制作div页面比table页面的标准时间要长一些)。
横切与延展性:
横切――传统的布局方式为了使页面下载的更快,把页面自上而下分成若干个块,但是往往采用DIV进行布局的页面都会出现这样的情况,由于每块中间栏或者其他栏内容条数不固定导致两边栏目没有同时自适应,而出现留白。
DIV与TABLE布局的区别在哪里?
2581
发表评论

22:11:24
学海无涯 21:13:57
路过,学习了!
相关文章
如何5分钟发现品牌在AI搜索中的真实排名?
你花了大价钱做品牌、投内容、铺渠道,结果当用户在豆包、Kimi、DeepSeek这些AI平台问"XX领域有哪些品牌推荐"时,你的品牌压根没被提到。更糟糕的是,你完全不知道——因为没人告诉你"AI推荐了...
GEO是什么?AI搜索时代的流量新规则
2025年,AI搜索正在分流传统搜索引擎30%的商业查询流量。GEO(生成式引擎优化)不同于SEO的"排名游戏",它是让品牌成为AI"唯一答案"的"信任游戏"。...
如何开始GEO?评估、工具与行动指南
想启动GEO却不知从何下手?本文提供完整的16项品牌AI健康度自测清单、四维度业务适用性评估模型,以及GEO优化的三个关键步骤。通过真实ROI数据、工具选择指南和5步快速启动清单,让你在1周内完成从评...
2026 年 GEO 优化服务商深度评测:服务商全方位
当你的潜在客户在豆包、DeepSeek 里输入 "XX 行业哪个品牌好?" 时,如果 AI 的回答里只出现竞品,你的品牌是否正在 " 隐身 "?根据 Gartner 预测...
geo生成式引擎优化,AI投资新主线:当GEO成为商业必争之地
当前AI产业的发展正经历着一次重要的战略转向——投资主线正从上游的算力基础设施,稳步转向下游的商业化应用层。这种转变标志着AI发展已经从“技术可用性”阶段迈入了“商业可用性”的新纪元。...



湘公网安备 44010402000311号