以前做网站经常使用表格也就是Table来布局搭建网站，因为表格搭建起来方便，固定性好，虽说代码看着不友好，但也比较方便，如今的搜索引擎更新迭代，优化人工智能的时代，越来越先进，当然对网站的框架也有了更多的认识，不在像之前那样盲目了。
传统Table布局方式实际上是利用了HTML table表格元素具有的无边框特性，由于table元素可以在显示时使得单元格的边框和间距为0，即不显示边框，因此可以将网页中的各个元素按版式划分放入表格的各个单元格中，从而实现复杂的排版组合。
Table表格布局的代码最常见的是在HTML标签之间嵌入一些设计代码，如width=100%,border=0等。表格布局的混乱代码就是这样编写的，大量样式设计代码混杂在表格，单元格中，使得可读性大大降低，维护起来成本也相当高，尽管有类似于Dreamweaver（以下 简单称dw）这样可视化的界面进行编写，只要你需要什么，他帮你写入什么样式，最终结果是表格中到处留下设计的足迹，混合式代码也由此而成，网站的源码更是密密麻麻的，让人看了脑袋疼！
DIV可以理解成一个块，是有个比表格简单的元素，从语法上只有<div></div>这样简单的定义。DIV最大的好处就是样式是由CSS来控制。
总体上而言：
- div css布局比table布局节省页面代码，代码结构也更清晰明了.
- div css的页面对搜索引擎支持好，而且速度更快了,能够比table 更加快速的显示网站内容.
- div css布局使网站版面布局修改变的更简单,因为版面代码都写在独立的css文件里修改起来方便多了,不象table要在页面中修改很多信息.
DIV CSS的优点体现
基于web标准的网站在于网站的结构、布局和行为三者的分离。
Css[Cascading Stytle Sheets，层叠样式表]目前最新的版本是2.0，是控制网页布局样式的基础，css能够做到对网页对象位置排版进行像素级的控制。归纳起来有以下几个方面的优势：浏览器支持完善。
表现与结构分离：如专门为字体设计一套样式，专门为版式、各个频道设计一个版式。
样式设计控制功能强大
继承性优越越，类似于oop面向对象的基本功能。具有良好的继承与重载关系。
传统的table布局和css布局：table布局出来的页面如果想改变，非常困难。本身设计比较复杂，导致混合代码的产生。如何向标准过度：
CSS经常使用的一句话
使用表格排版是不明智的，表格是用来显示数据。
所以我们做网站seo的，在进行网站诊断时，就要检查网站是否是用div css搭建的，做网站时更加要利用div css来搭建了。
