在线交流

联系电话:0731-85351024 18670361250

在线联系

你还可以到这里给我们留言

全国统一服务热线

0731-85351024 18670361250

您当前所在的位置: 首页> 网站建设> Div+css布局还是table定位?
网站建设

Div+css布局还是table定位?

更新时间:2014-03-17 21:29:12  编辑:广佳网络

   很多长沙网站建设的客户都在咨询我,网站建设到底是table定位好还是Div+css布局好?我的答案肯定是div+css。原因很简单:你去看看百度、新浪、搜狐、腾讯、淘宝、网易、京东等互联网巨头,哪家公司的哪个的网站建设使用的是table定位?没有!

    那么table定位和div+css的优劣到底如何呢?

   一、关于table定位

     table定位绝对是很简单的网站建设方式,很多初学者都喜欢使用table定位,因为容易理解,开发简单。但是table定位仍然不符合网站建设标准。

   优势:

     1、开发简单,容易学习。

  劣势:

     1、影响速度:table的解析方式不太友好,要先加载table里的全部内容才能显示,div是边加载边显示。

     2、灵活度低:table定位不能实现样式和内容的分离,后期维护起来比较麻烦。

     3、代码冗余:table的代码量一般是div+css的好几倍因为样式不能分离,当然也无法让样式代码重用。

     4、对搜索引擎不友好:因为样式和内容未分离,搜索引擎需要分析的代码量大(因为搜索引擎不需要样式代码)。同时搜索引擎更喜欢标签和内容相符合的代码。你明明告诉他这是一个table(表格),结果却不是表格,搜索引擎会认为这是欺骗。


   二、关于div + css

   优势:

      1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。

      2、支持浏览器向后兼容,因为这是开发标准,往后的浏览器兼容性高。table定位的现在新浏览器兼容性差。

      3、内容与样式分离,代码重用率高,开发效率快。

      4、对搜索引擎友好,自动帮搜索引擎去掉了样式代码。

      5、样式调整更加方便,可以实现一个内容多套样式的切换,QQ空间的换装功能就是这个原理。

      6、开发同样的网页,DIV+css布局的网页大小是采用table定位的网页大小的四分之一。所以DIV+CSS布局的网页打开速度快。

  劣势:

     唯一的劣势是技术要求高,需要开发者对css布局原理相当精通。