DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。现在的浏览器都支持DIV标签。
DIV是一种能用来“布局” 的元素,我们经常用到的层,表格都可以进行网页的布局,布局也不等同于所有页面都使用DIV,适当时候使用表格更便于阅读。
DIV与TABLE的属性:
1:Table 简单的说就是" 表格",我们可以方便的将它划分为N个单元格,甚至每个单元也可以继续划分, 是一种比较灵活,操作也相对简单的元素,因为表格的这种特有属性,尤其在列表方面,几乎就是Table的强项,我们可以非常方便的将内容整齐的排列.再加 上tr td ,完全能满足一般网页布局的需求,--这里请大家先注意一点: Table也是Web2.0元素.全部使用Table布局,只要语法,样式.属性书写符合规范,照样能通过W3C标准检测.但是我们也应该清楚的知道一 点,表格最优秀的地方其实还是'列表"。所以Table在相当长的一段时间都被网页设计,制作者所钟爱, 一个简单的页面用Table来布局其实是一个比较合适的方法。
虽然表格,乃至单元格的背景,边框,全部可以定义特定样式,通过DW等网页编辑软件的 属性栏就可以随意定义,但是不要忘记了一点,那就是相当一部分样式代码全部是包含在网页代码当中, 再加上我们为了制作出特定效果的风格,经常需要将表格层层镶套,然后按照需要划分出N个单元, 最后呈现在浏览者面前的 也是一个相当完美的页面,但是当你需要修改页面的时候就会非常遗憾的发现这些页面的代码相当复杂,而且杂乱,HTML 加上N多 tr td 再加上我们定义的样式代码...... 的确是一件让你头大的事情...... 而且并不是修改完一页就完成的, 如果考虑到整体风格,我们可能需要逐一修改N多页面........ (当然了,用CSS控制样式也会比较方便) 只不过与DIV相比,表格的优势也只是体现列表性质的地方 布局嘛.
DIV 也可以说是一个容器,一个比Table更简单的元素. 代码形式也就是 <div>.... </div> ,不必象Table一样随意划分为几行几列,N个单元格,单独一个DIV在页面其实是一个没有什么多大意义的 块状元素而已.... 所以如果说它有什么优秀的地方,那么 一: 它够简洁,代码量少 二: 它适合.也只能用于 页面整体布局, 因为当你插入一个DIV以后它甚至连边框,背景,都无法显示 ,完全依赖 CSS 来实现 , 至于我们需要划分出几列,显示内容,加上美化图片..... 也是依赖比如 ul ol li h1 <P> ....之类的元素来实现 , 这就是为什么用DIV 布局的原因: 因为它比table更简洁,更容易控制,甚至也只适合布局: 然后充分发挥其他 网页元素的特有属性来实现我们想达到的效果, 换句话说,这就叫发挥每一种元素最优秀的特性, 然后把它用到最适合它用的地方,包括table , 然后再发挥CSS能将内容与 样式分离控制的优势来实现一个 ,代码简洁,便于维护,改版,利于收录,搜索,解析的,科学,合理的优秀页面--大家应该能看出了吧: DIV 没有什么了不起.在web2.0.W3C这些概念,标准.... 它不过就是一个比表格更合适布局的 元素而已。

