>웹 프론트엔드 >HTML 튜토리얼 >DIV+CSS vs Table_html/css_WEB-ITnose

DIV+CSS vs Table_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:33:161048검색

     最近负责公司项目界面美化的工作,层层嵌套的Table实在太可怕,给界面添加样式带来很多不便,经过耐心的整改,终于完成啦。
    对于用DIV+CSS代替Table所带来的好处,我认为有以下几点:
    1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本; 
    2.易于后期代码的维护,缩短修改时间,利于更新。
    3.结构清晰,表现与内容实现真正的分离,利于重构。
    今天看到园友说div 和 table 的差异不是速度,而是加载方式,又明白了一点。
    具体的说:
   div 的加载方式是即读即加载,遇到

没有 遇到
的时候一样加载 div 中的内容,读多少加载多少
   table 的加载方式是完成后加载,遇到 后,在读到
之前,table 中的内容不加载,或者传输中断了    (document.onload()事件)的时候加载
   加载方式也与浏览器的版本有关,如果浏览器版本高,也无差异
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.