解析DIV布局和Table页面布局不同

本文向大家描述一下DIV和Table页面布局的区别和联系，一般来说Table开发快，容易控制，浏览器兼容也好些，另一部分认为DIV好，是以后的发展趋势，主要原因请看下文详细介绍。

10年积累的成都做网站、成都网站建设、成都外贸网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有平陆免费网站建设让你可以放心的选择与我们合作。

DIV布局和Table页面布局的区别和联系

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

DIV+CSS布局比Table布局节省页面代码，代码结构也更清晰明了。

DIV+CSS开发速度要比Table快，而且布局更精确，不过手写代码明显增加DIV+CSS布局，使网站版面布局修改变的更简单。

DIV+CSS布局能够适应未来多种客户端需求。

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

DIV有这么多好处是不是有些心动，决定学它。DIV布局和Table各有长处，通常情况下它们可以互换使用。

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

DIV用于布局，Table用于显示数据，这是现在最基本的设计原则。

1：Table里可以内嵌DIV。反之DIV可以内嵌Table吗??

当然可以了。

◆DIV定义

表示一块可显示HTML的区域。

SpecifiesacontainerthatrendersHTML.

注释

此元素在InternetExplorer3.0及以上版本的HTML中可用，在InternetExplorer4.0及以上版本的脚本中可用。

此元素是块元素。

此元素需要关闭标签。

示例代码

下面的例子使用了两个DIV元素对两段文字进行了不同的对齐处理。

 
 
 

  
  
  
 
  
  
  
此文本代表一段。可以在这里放你的HTML或文本