DIV+CSS vs Table_html/css_WEB-ITnose
程序员文章站
2022-04-27 11:57:43
...
最近负责公司项目界面美化的工作,层层嵌套的Table实在太可怕,给界面添加样式带来很多不便,经过耐心的整改,终于完成啦。
对于用DIV+CSS代替Table所带来的好处,我认为有以下几点:
1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
2.易于后期代码的维护,缩短修改时间,利于更新。
3.结构清晰,表现与内容实现真正的分离,利于重构。
今天看到园友说div 和 table 的差异不是速度,而是加载方式,又明白了一点。
具体的说:
div 的加载方式是即读即加载,遇到
table 的加载方式是完成后加载,遇到 后,在读到
之前,table 中的内容不加载,或者传输中断了 (document.onload()事件)的时候加载
加载方式也与浏览器的版本有关,如果浏览器版本高,也无差异
对于用DIV+CSS代替Table所带来的好处,我认为有以下几点:
1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
2.易于后期代码的维护,缩短修改时间,利于更新。
3.结构清晰,表现与内容实现真正的分离,利于重构。
今天看到园友说div 和 table 的差异不是速度,而是加载方式,又明白了一点。
具体的说:
div 的加载方式是即读即加载,遇到
没有 遇到
的时候一样加载 div 中的内容,读多少加载多少 table 的加载方式是完成后加载,遇到
加载方式也与浏览器的版本有关,如果浏览器版本高,也无差异
上一篇: python处理圆角图片、圆形图片的例子
推荐阅读
-
DIV+CSS在不同浏览器中的表现_html/css_WEB-ITnose
-
块级元素 Vs 内联元素_html/css_WEB-ITnose
-
DIV+CSS简介_html/css_WEB-ITnose
-
DIV+CSS入门案例_html/css_WEB-ITnose
-
Div+Css视频学习笔记_html/css_WEB-ITnose
-
Div+CSS网站设计的优点_html/css_WEB-ITnose
-
div+css布局实例淘宝分析(三)(2)_html/css_WEB-ITnose
-
DIV+CSS学习--关于ID和CLASS_html/css_WEB-ITnose
-
(分享)30多套div+css后台模板打包下载-提供演示_html/css_WEB-ITnose
-
DIV+CSS布局的几点建议_html/css_WEB-ITnose