外行人可能不太懂这些内在的东西，作为安徽蚌埠知名的网站制作建设团队，今天阳光网络在这里用最简单的语言教你识别这两种布局，并分别对这两种布局进行比较。

一。如何查看识别table布局和div布局：

1.怎样才能查看到网站的源代码
不论你是用ie浏览器还是360浏览器或其他浏览器，都可以看到浏览器的--顶部导航--“查看--源文件”
关于浏览器的区分请点此链接
如下图所示


2. 如何从网站源代码里识别是哪种布局
例如本站的源代码里都是类似
<div id="anli">。。。。</div>
<ul></ul>
等标签，说明是div布局
如果你发现你的网站有
<table><tr><td>等标签，说明是table布局
table布局是多年前的一种布局，而且大多数用table布局的网站还是纯动态网站。
关于动态网站的分析请点此链接


二、下面说说div布局和table布局的区别，如果不是太明白，作为了解即可。


1：速度和加载方式方面的区别

div 和 table 的差异不是速度，而是加载方式，速度只能是指网络速度，如果速度足够快，是没有差异的：

div 的加载方式是即读即加载，遇到 <div> 没有遇到 </div> 的时候一样加载 div 中的内容，读多少加载多少；table 的加载方式是完成后加载，遇到 <table> 后，在读到 </table> 之前，table 中的内容不加载，或者传输中断了(document.onload()事件)的时候加载，这是因为TABLE牵涉到多行多列问题,所以只有当TABLE所有内容加载完毕,IE才知道该怎么显示

2：在网页应用中的差别

如果页面首尾加 table ，那么必须等整个页面读完了才加载

如果页面首尾加 div ，无任何影响

3：DIV与Table布局在大型网站的可用性比较

DIV与TABLE本身并不存在什么优缺点，所谓web标准只是推荐的是正确的使用标签，好比说:DIV用于布局，而TABLE则本来就是转二维数据的。让TABLE做该做的事，并不是说页面里不出现TABLE就是多么多么牛。

用DIV进行排版的优势就是我不说，大家应该都比较清楚。DIV是标准，是大势所趋.
 

4:DIV+CSS

1、结构与表现分离，用DIV完成结构，用CSS控制表现，这样带来的好处非常多，DIV精简了页面，提高了灵活性。而精通CSS的设计师能避免DIV的重复嵌套，从而大大提高页面加载速度，以及站点的可以维护性。

2、选用DIV 来配合CSS的原因，CSS 的核心是 “盒子模型”，而没有哪个标签能比DIV更好的诠释“盒子模型”的精髓，TABLE的结构过于复杂，并不能很好的做到这一点，虽然TABLE+CSS也是一种选择，但别忘了DIV还有另外一个优势，浮动层叠，而且用TABLE进行布局的网站是不能通过W3C验证的。

其实DIV的好处还远远不止这些，例如弹性布局，用户自定义布局，DIV都展现出不可思议的灵活性，而富有语义的结构对搜索引擎的友好度也比TABLE要来的高，更不用说跨平台的应用。DIV+CSS为我们提供了一个优雅而规范的技术框架，让我们能用最少的重复劳动，完成更多更美观的页面，从而提升整个团队的效率，甚至改变长期以来网页设计师与网页程序员无法同步工作的问题。

在我亲身经验中，使用DIV+CSS的团队，与使用TABLE+CSS的团队相比，工期缩短30%-50%。