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

279 查看

大学时,学的是计算机网络,专业课主要涉及网页三剑客、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的一些心得,有不足之处,请大家多多指教!