论用table做网页和div+css做网页区别和心得

大学时，学的是计算机网络，专业课主要涉及网页三剑客、photoshop、.net、java等课程，其他课程如，汇编、3dmax也有学习，不过与我当初想从事的职业方向关系不大，所以后来就放弃了。

当时老师教的比较浅，主要在可视化界面按课本讲了上面的例子是如何实现的，具体扩展或者代码分析倒没涉及太多，以下均是我从事一端前端后的心得，仅供参考，大家有问题，可以在评论区留言给我。

首先网页前端的制作，通过table和div都可以实现，展现的界面效果看不出差异，但真正从技术人员角度以及网页呈现角度还有有些区别的：

1、table主要用于数据表的设计

一般技术人员在做到与表相关的界面或者设计后台数据呈现的时候，很多时候都用table标签，因为展示数据或者涉及到表的一些界面的时候，不需要太多的样式效果，这时table就发挥了它自己的稳定性这点特长。

2、table布局不容易出现兼容性问题

一般布局时，在不同浏览器查看网页时，都会出现不同程度的页面变形，效果无法实现等情况，由于div其实是层，层与层相互交叠，所以很容易导致在有些浏览器里查看时极度的变形。

table做的页面都是固定的一个个表格里填充的内容，所以相对稳定。

3、table做的页面加载时比较慢

在读取页面内容时，网页大部分是表格套表格，这样页面加载起来时相对比div吃力，因为div只是画区域，css在head头写样式，这样按顺序流读取来就非常快。

4、现在主流的前端实现静态效果都是div+css

现在随着html5+css3的出现，前端的页面实现，更趋于这几个技术方向，因为通过两者之间的相互配合，就很容易实现非常炫的页面效果，再加上javascript的适当应用，而表格比较死，整个比较有限制

由于时间有限，暂时分享到这里，后续我会继续分享个人学html的一些心得，有不足之处，请大家多多指教！