七年网站建设经验,服务1200家网站客户
 
 
首页 > 网站建设 沧州做网站,沧州网站设计,沧州网站制作请打:18931768838 只需299元就能做网站
讨论究竟使用DIV+CSS好还是用TABLE框架好?
更多
作者:网信科技 来源:网信科技 点击数: 更新时间:2012年07月04 【字体:

Tags:建站基础框架

讨论究竟使用DIV+CSS好还是用TABLE框架好?


  最近很多老板在我们公司做企业站的时候都会要求说:我要div+css的,不要表格建的那种,那样不利于优化。但我们发现就算给他们用div+css的形式做出的网站也没见他们做过什么优化,甚至连文章都没更新过。这是外话,我们就来谈谈难道真的用div+css制作出来的网站就打开速度就快,对搜索引擎就友好吗?

  关于div+css的优点其实确实很多,这种布局方式大大精简了页面的代码量,减少了网页的体积,有利于网页的读取。而table的排版方式最初是由一位负责给报纸排版的人使用的,他的“发明”对于互联网可以说是起到了极大的推动作用。让传统的网页实现了丰富多彩的颜色和布局结构。在互联网发展的初期使用比较多的浏览器其实并非IE,而是美国的数家浏览器共存的局面,后来微软通过将IE与windows的捆绑才得到迅速的发展。直到最后又w3c组织对代码进行了规范之后table也才得到了快速的发展。

  而后随着互联网的发展,人们对速度的要求越来越高,而table由于其天生的缺陷导致人们急于寻找新的方法来代替它,这就出现了div+css的网页制作方式。说这么多是想让大家了解一下这两种排版方式的历史,因此只能说div+css是现在比较流行也比较实用的排版方式,而你不能说table就不好,table的一些功能是div+css目前还无法替代的。

  再来说说什么叫做div+css的滥用。大家都知道为什么我们不喜欢用table,就是因为table排版的话很多地方会需要嵌套的方式来实现我们需要的页面。而如果页面有很多这类嵌套那么你的网页体积将会大大增加,而浏览器在读取的时候是从<table>到</table>的顺序来读的,它只有在将整个table读取完的时候才能够将页面呈现出来。如果你嵌套过多的话可以想象一下你网页的速度将会是怎样的了。

  而浏览器对于div+css形式的页面读取同样是遵循这个原则的,它也是从<div>到</div>来进行读取的。那么如果你的页面div中嵌套了大量的div速度将会同样很慢,而且嵌套太多的div也极容易会出现浏览器不兼容的问题。那么你这样做的页面跟table的嵌套又有什么区别呢?这就是我们要说的div滥用情况。一个div完全可以实现的效果就不要为了省事再去定义一个样式来。

  那么如何来避免这种情况发生呢?这就需要对网页来进行web重构,对于web重构这个概念大家可以到百度上搜索一下。这是一个细致活,而且也是一个很考验网页设计人员能力的活。如果你懂的css又稍微懂些div,自己的网站是采用开源cms做的话,那么你自己就可以对网页进行重构。修改模板就可以了,但修改的过程中一定要注意浏览器的兼容性。

  其实很多我们网站与浏览器不兼容的问题大都是因为对div使用不当,或者是过于滥用引起的。而table对浏览器的兼容性就要好很多,如果某个效果采用div会不可避免进行很多嵌套的话还是使用table更好一些。就是说用div+css与table制作页面,以达到对网页代码最大化的精简,同时又不丢失效果。

  看完这些你应该明白了并不是div+css的就一定好,同样的页面效果有的网页设计人员仅用几个div就可以轻松实现,而有的网页设计人员却要用多于前者两倍甚至几倍的代码。

网站制作服务热线
18931768838,0317-3040000
名片型方案 价格:299
简洁型方案 价格:399
专供批发城 价格:499
标准型方案 价格:599
增强型方案 价格:698
实用型方案 价格:888
功能型方案 价格:1188
商务型方案 价格:1988
行业型方案 价格:2999
·如何在网页中加入百度地图
·如何通过分类信息网站迅速增加外链
·网站效果因素排名分析---用一个网站
·网络知识大全3:在线沟通工具、邮箱
·新规则下百度排名的新变化
·网站运营实战:增加信息等于增加流量
·网信科技正式启用新的客户服务电话
·讨论究竟使用DIV+CSS好还是用TABLE
·网络知识大全:1新时代的开启--网络
·.CN个人域名注册再度开放
·一个好的企业网站必备的六大基本因
·用网页内链接零成本实现网站终极优
·WX网站后台管理手册,看后无论什么
·什么是域名后缀,域名后缀百科
·如何让网站快照天天更新
·什么是访问量?什么是浏览量?什么
·一般网站策划的几个步骤
·什么是Web服务器?
·中国国家顶级域名和国际域名的差别
·网站成功策划
更多
·网络知识大全3:在线沟通工具、邮箱
·制造业企业互联网化是大趋势---新浪
·电脑工程师的幽默故事,仅供娱乐
·一个好的企业网站必备的六大基本因
·网络知识大全:2一个好网站对于企业
·网络知识大全:1新时代的开启--网络
·用网页内链接零成本实现网站终极优
·WX网站后台管理手册,看后无论什么
·如何在网页中加入百度地图
·网站运营实战:增加信息等于增加流量
沧州市网信网络有限公司
Copyright 2007-2012 MXQT.COM
地址:沧州市交通大街天昊大厦1206
中华人民共和国信息产业部备案号 冀ICP备08108417号-1
业务一部:0317-3511131 手机:18931768838
业务二部:0317-3040000 手机:18932779838
Email:117768885@qq.com QQ:117768885,474114752
Powered by www.wangzhan888.com