网站页面设计好后就要对网站进行布局，常见的网页布局方式有两种形式：Div布局和Table布局，现在Div+Css更为流行。网络的发展日新月异，网页的布局也越来越规范。Div作为Web2.0的技术比Table更高级些，优势也显而易见的。但Table作为布局的之前的技术也有其存在的价值。现在我们就一起看看这两种布局的优缺点：

Div+Css布局的三个优势

1、内容和形式分离
        这个是Div+Css技术最显著的特点,也是CSS存在的根源。完全的颠覆现在传统（table）网页设计技术。所有现在用table制作的内容,都可以用Css来解决掉,而且解决的更完美,更强大。不需要大家再表格套表格，让生成的网页文件大小更精简，更小。table 时代，一个页面表格达到10 个以上是非常普遍的事情，但是现在用DIV+CSS，一个table 都可以不用，就完全达到之前的效果，这就直接导致网页文件大小比使用table 时减少50%-80%，更节约各位站长的硬盘空间，访问者打开网页时更快，而且用div+CSS 时，不像以往使用table 时，必须把全部table 读取完了才显示页面内容，现在是可以读一个div 就显示一个效果，大家打开网页不用等。好处真是明显而强大。这个优点的确是显著的，凡是使用传统table 建的网页，内容多的话，有时候达到30K 左右都有可能，文件打了打开时，肯定就有0.0 几秒的延迟。使用DIV+CSS，你前台打开看到的全是直接内容，CSS 文件都是导入链接的，是另一个文件，根本和HTML 文件大小没关系，这种生成的HTML 文件，一个也就10K 左右大小。
  
2、改版网站更简单容易了
      只需要重新写Css,在用新Css覆盖以前的Css就可以实现改版了。
  
3、搜索引擎更友好,确实能够对SEO起到一定的帮助
     通过Div+Css对网页的布局,可以让一些重要的链接、文字信息,优先让搜索引擎蜘蛛爬取,这对于SEO也有帮助。

使用Table布局带来的问题
     
1、把格式数据混入你的内容中。这使得文件的大小无谓的变大,而用户访问每个页面时都必须下载一次这样的格式信息,带宽并非免费。

 2、这使得重新设计现有的站点和内容极为消耗劳力

3、这还使我们保持整个站点的视觉的一致性极难,花费也极高

 4、基于表格的页面还大大降低了它对残疾人和用手机或PDA浏览者的亲和力。


从以上内容可以看出Div布局的优势的非常明显，但是不是Table就一无是处呢？ 其实，者不然，打个比方，让您在网站输出学生整个大学阶段的成绩报表，让你用Div做这个事情，客观说不是不能做啊  但肯定没有Table来得简单哟 ~~~

以上内容是欣零点网络科技整理，我司主要以武汉网站制作为核心业务，欢迎您的咨询。