欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

DIV+CSS vs Table_html/css_WEB-ITnose

程序员文章站 2022-04-27 11:57:43
...
最近负责公司项目界面美化的工作,层层嵌套的Table实在太可怕,给界面添加样式带来很多不便,经过耐心的整改,终于完成啦。
对于用DIV+CSS代替Table所带来的好处,我认为有以下几点:
1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
2.易于后期代码的维护,缩短修改时间,利于更新。
3.结构清晰,表现与内容实现真正的分离,利于重构。
今天看到园友说div 和 table 的差异不是速度,而是加载方式,又明白了一点。
具体的说:
div 的加载方式是即读即加载,遇到
没有 遇到
的时候一样加载 div 中的内容,读多少加载多少
table 的加载方式是完成后加载,遇到 后,在读到
之前,table 中的内容不加载,或者传输中断了 (document.onload()事件)的时候加载
加载方式也与浏览器的版本有关,如果浏览器版本高,也无差异
相关标签: DIV+CSS vs Table