div和table的区别(1)

 

现在对于网页制作是选择传统的TABLE还是用新型的DIV,有分歧。一部分说还是用TABLE好,开发快,容易控制,浏览器兼容也好些;另一部分认为DIV好,以后的发展趋势,,主要是如下原因:

      1. div+css布局比table布局节省页面代码,代码结构也更清晰明了。

2.div+css开发速度要比table快,而且布局更精确,不过手写代码明显增加div+css布局,使网站版面布局修改变的更简单。

3.div+css布局能够适应未来多种客户端需求。

4.div+css布局节约站点所占空间和站点流量。这些都是DIV的好处。

使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等。使用TABLE,UL等这样的元素来显示页面中需要展示的数据。因为div不会像table一样,在IE下要将整个table下载完后才全部显示内容(firefox不会),所以用table来布局显然是不合适的,尤其是数据量大时,在IE下用table会发现慢的多。而DIV就好多了。当然,DIV也起整理数据的作用。

div用于布局,table用于显示数据,这是现在最基本的设计原则

 

1:table里面可以嵌套DIV,在DIV里面也可以嵌套table

2:div是不是跟table一样的作用?
div的作用跟table是差不多的
但是div对xml的支持更好 而且使用起来比较灵活
因此被推荐为新的网页布局方式
3:div TABLE 哪个速度快?
DIV相对比较快,网页内容的显示需要将相对一整块的内容下载完成后再显示。使用DIV布局是许多的独立

的相对较小的范围,而使用table布局一般都会表格嵌套多层形成较大的下载范围。

如果页面使用的table布局那么页面上的每个table必须完全加载完成才能显示,所以用table设计的网站 总是一块一块的出现。

如果页面使用的是DIV布局,就不用等待把所有的内容加载完才显示,在打开的一瞬间就可以看部分数据。

 

注意:以上几点是TABLE和DIV最基本的几点差别,还有其它的区别如:在进行网页优化时SEO和你网页设计的布局也有一定的关系。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值