早期的网页布局，基本都是采用table布局的。早期的网页相对来说比较的简单，类似于报纸一样，只有文字和静态的图片。对于这样子的需求，table布局是使用的。但是随着W3C（万维网联盟）以及其他标准的出现，还有现在网页的呈现、网页的布局变得多样化了，table布局也变得不适用了。table现在也只用来显示数据而已，基本没有应用到布局上。

先来谈一谈table布局吧！

首先是table布局的缺点：

但是，table布局还是有其优点的，如下：

现在普遍使用的人都是div+css布局了，让我们一起来看看她有哪些优势吧！

优点：

加快页面的加载速度。div布局有一个很好的地方是，它是一边加载，一边呈现的，这样网页基本不会出现一直出不来的情况，至少基本网页结构可以很快的呈现出来。这样用户的体验感就会很好。这是比table布局好的一个点。

我觉得这个点其实是很重要的，你想想，如果是你打开一个网页，打开了好几分钟，还什么都没有出来，你是不是再也不想去访问这个网页了。

div布局符合了W3C的标准，做到了结构、表现、行为（js）的分离。相当于给代码分类，每一类代码做什么事情都清楚明了，使得代码能够更好的维护。

节约站点所占的空间和站点流量。

用只包含结构化内容的html代替嵌套的标签，提高搜索引擎对网页的搜索效率。

原因：当用户进行搜索时，它会从事先抓取到的大量有关联性的索引中，搜索所有包含用户输入的关键字的网页。然后根据算法给每一个网页一个总评分，再根据评分的高低给用户返回搜索结果。这其中包含关键字的内容，可以是文章标题、描述、关键字、内容、甚至还有链接等。而html中的

布局更加灵活多样，可以通过选择不同的样式来实现界面设计的更多不同的要求。

缺点：

今天上课，老师刚好讲了一点点table布局和div布局的区别，下课后，我便自己查阅了资料，大概整理出来了它们之间的区别。

收获还是挺多滴，开心～

好啦，这次的分享就到这里啦～