栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

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

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

论用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的一些心得,有不足之处,请大家多多指教!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243485.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号