div和table在网站中的可用性比拼
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方式更容易躲避这样状况的发生。
以上我们只是计议某一技术在某一领域的可用性,而非技术本身。
说了这么多并不是说DIV这种规划方式不好,而是说我们应当准确的对待Table在之内容为根基的大型门户中的作用,而不是随声附和。之所以DIV的规划方式没有在大型网站利用,不是说门户没有用DIV是技术落后,是里面的人没有前瞻性,而是多种缘由决议的。网易之所以全部采纳DIV的方式是由于内容并不是他们主攻标的目的。而关于其他门户来说,这样的决策是要靠时间来验证的。只是此刻这个时机还不成熟罢了。 ?
以上就是div和table在网站中的可用性比力的具体内容,更多请关注百分百源码网其它相关文章!