<table>指的是表格，用表格来搭建界面布局，即用表格的嵌套，来搭建界面布局。
<table>布局上风：
table上风：开拓韶光短（利用DW开拓速率快）；纯table各浏览器不会有兼容问题；内容可自适应；在搜索引擎排名能靠前；
但是 table如果布局变更，须要重新开拓；如果table里有div ul 等，可能会涌现浏览器兼容问题；加载速率慢；table嵌套的太多，运维是非常困难的。
<div>块级（block-level）标签：
DIV是层叠样式表中的定位技能，全称DIVision，即为划分。有时可以称其为图层。
<div>布局上风：
一.精简代码，减少重构难度。
网站利用DIV+CSS布局使代码很是精简，css文件可以在网站的任意一个页面进行调用，而若是利用table表格修正部分页面却是显得很麻烦。假如一个门户网站的话，需手动改很多页面，而且看着那些表格也会觉得很乱也很摧残浪费蹂躏韶光，但是利用css+div布局只需修正css文件中的一个代码即可。
二.网页访问速率
利用了DIV+CSS布局的网页与Table布局比较，精简了许多页面代码，那么其浏览访问速率自然得以提升，也从而提升了网站的用户体验度。
三.SEO优化
采取div-css布局的网站对付搜索引擎很是友好，因此其避免了Table嵌套层次过多而无法被搜索引擎抓取的问题，而且简洁、构造化的代码更加有利于突出重点和适宜搜索引擎抓取。
四.浏览器兼容性
若利用table布局网页，在利用不同浏览器情形下会发生错位，而div+css则不会，无论什么浏览器，网页都不会涌现变形情形。
HTML中常用的3种布局办法：
1.流动式布局：是HTML网页默认的布局办法
特点：
1.块级元素都会在所处的包含元素内自上而下按顺序处置延伸分布，且默认状态下，块级元素占全体文档流，默认宽度为100%。
2.内联元素都会在所处的包含元素内从左到右水平分布显示，不占全体文档流。
常见的块级（block）元素有：<h1-h5> 、<table>、 <ul>、<li> 、<p> 、<form>、 ol
常见的内内联（行内）元素有：<a>、<span>、<img>、<input>、<select>、<textarea>
2.浮动布局（float）
特点：
浮动布局依赖【 浮动属性 float：left/right/... 】来使标签分开文档流，达到两个块级元素并排显示的效果。
float：left ； 浮动分开当前文档流浮动。
同时可以依赖【展示属性display：inline/block/inline-block】来进行行内元素和块级元素的效果切换。从而达到灵巧利用块级元素和行内元素布局的效果。
3.层模型布局又叫定位布局
特点：
当我们应拥div布局是，在第一层块界面上来做第二层块界面的开拓时，就要用到我们所说的定位布局。
通过利用【定位属性position:absolute/relative/fixed】 来进行第二层界面的定位布局。
网页是静态的，网页上的定位
position：absolute ；绝对定位分开文档流，不受浮动影响，便是相对付窗体（body）边界的margin定位。
position：relative； 相对定位不分开文档流，相对付父级标签元素的位置定位。
position:fixed；固定位置，不会受任何成分影响。
滚动条移动前
滚动条移动后
优先层显示方法：【属性：z-index:0/1/2...】
特点： 数值越大，越优先显示。
把稳：只有元素利用了position属性的，才具有z-index属性。
本文部分内容来自网络，如有侵权，请联系修正。
