也谈div+css

想想学div布局已经有一段时间了，从前沿视频教程到css设计彻底研究再到精通css、web标准、语义化标签的学习，到现在数下已经有两年多时间，作为一个新手以前从未想过关div的事情，最近从新拾回久知识，才发现的对html与css的认识只不过是一些皮毛而已，单单说，一个div都有无数的意义在里面，正是由于这些思考和总结才把我对div的加深，有一个必须回答问题："为什么要用div进行页面布局呢？"。

到目前我对他的理解是：

1>从语义上面：div是部分、分隔的意思，而table是表格是，表格的本质是是用于显示二维数据的。对页面布局来说div+css比较table+css更为合理。

2>从结构上面：div是所有html元素中间最为简单的标签，而且默认的情况下div是没有任何样式的，div默认的情况下面padding、margin、border都是0。而table可以说是html元素中结构最为复杂的元素。

3>从页面渲染性能的角度：使用table要将整个table完全读完后才开始渲染，而设计良好的div标签的嵌套完全可以做到比table的标签要少很多，渲染速度上面比table布局要快。

4>从搜索引擎优化角度：div布局比table布局来得更加的友好。

5>从可访问性角度：屏幕朗读软件和盲文浏览器无法很好地理解 Table 中的内容。

其实第4、5点其实可以归并到第1点上面；第3点可以归并到第2点上面来。

总结：所以div比较table的优势其实归根到底就在于语义和结构两个方面所体现出来的优势。