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
投稿猜你喜欢
一、安装首先根据自己的python版本下载pyqt4离线包，现在连接：https://www.lfd.uci.edu/~gohlke/pyt- 代码如下: <％ '屏蔽主流的下载工具 Dimxurl,xtool '获取浏览器AGENT xurl=lcase(Re
- 本文实例讲述了Python enumerate函数功能与用法。分享给大家供大家参考，具体如下：eunmerate在英文中是列举、枚举的意思，
- 安装SDK：pip install baidu-aip如果在pycharm里也可以在setting----Project Interpret
- select * from _test a left join _test b on a.id=b.id where a.level=
- 内容摘要：一般情况下，如果我们想了解股市行情，必须登录专业股票网站，输入公司代码才能看到具体股价。其实，利用XMLHTTP协议，我们每个人都
- #coding:utf-8 import urllib.request import xml.dom.minidom import sqli
- pandas将表中的字符串转成数值型在用pd.read_csv读数据时，将要转换数据类型的列名和类型名构成字典，传给dtypeimport
- <?php function genpage(&$sql,$page_size=10) { global $pages,$su
- 如下所示：# -*- coding: utf-8 -*-import osimport numpy as npimport pandas a
- 装饰器(Decorators)是 Python 的一个重要部分。简单地说：他们是修改其他函数的功能的函数。他们有助于让我们的代码更简短，也更
- 从今年3月份开始mysql官网开始发布相关的5.6系列的各个版本，对于mysql5.6系列的版本对一起的版本进行了全局性的细节性加强；个人感
- django自定义管理器和model的继承在我写代码时建立的很多数据库需要一些共同的字段，比如is_active, create_time这
- 删除一条留言信息会级联删除回复信息，这时我们需要用到事务，如下SQLALTER PROCEDURE [dbo].[proc_tb_leave
- 如下所示：plt.title("Feature importances", fontsize=30)plt.xticks
- 本文实例讲述了PHP实现打包下载文件的方法。分享给大家供大家参考，具体如下：/*** 下载文件* @param $img* @return
- 本文实例为大家分享了OpenCV实现图片亮度增强或减弱的具体代码，供大家参考，具体内容如下对每个像素点的三通道值进行同步放大，同时保持通道值
- 微信小程序 滚动选择器(时间日期)详解微信小程序自己封装了很多控件，用起来确实很方便，如果这是Android里面，还需要自己去定
- 1、下载地址：MySQL官网2、解压解压之后的文件里边是没有data文件的，需要创建一个空文件夹命名为data(后面需要用),并且需要创建一
- 前言如果你之前没用过进度条，八成是觉得它会增加不必要的复杂性或者很难维护，其实不然。要加一个进度条其实只需要几行代码。from alive_
