网站在使用DIV布局和TEBLE布局有什么区别吗？那个更好一点？

答案：网站制作使用DIV+CSS进行页面布局的优势
时间:2011-10-07 11:34 | 来源:峰飞网络工作室 | 作者:AldrichCheung | 点击: 71 次
现在越来越多的网站制作公司呈现出来，但是峰飞网络工作室的Aldrich发现，现在黑龙江地区，还有很多的网络公司在为企业制作网站时依然还在采用TABLE形式来对客户的网站布局，再此
现在越来越多的网站制作公司呈现出来，但是峰飞网络工作室的Aldrich发现，现在黑龙江地区，还有很多的网络公司在为企业制作网站时依然还在采用TABLE形式来对客户的网站布局，再此Aldrich浅谈一下DIV+CSS相对于TABLE布局的优势。

    1.企业在网站制作时采用DIV+CSS可以大大缩减网站页面代码，有效的避免沉余代码的堆砌，因此采用DIV+CSS对网站页面进行布局，可以提高访客浏览时页面浏览速度提高访客的体验程度，同时因为网站页面体积的缩减，而降低服务器的带宽成本；

    2.在《网站制作是需要注意的四个重点》一文中本人成又提到，XHTML在控制样式时是不需要过多嵌套结构的，不会像TABLE布局时一样，为了达到一些特定的视觉效果需要多层套用TABLE，这样的布局结构可以避免所有引擎蜘蛛spider爬行页面时误判为重复内容的几率，因此相对TABLE 布局而言DIV层结构布局更亲近于搜索引擎；

    3.有些时候网站制作后网站的页面后去或多或少的会需要进行调整，此时DIV+CSS布局的页面相对而言在不改变网站内容的同时仅需要修改对应的CSS样式内容就可以完全重新设计网站的页面布局，因材DIV+CSS布局的网站有效的缩短了网站制作后的改版时间；

    4.网站在采用DIV进行布局时拥有着强大的字体控制和排版能力，在DIV布局时文字的样式及视觉效果均是通过CSS来进行控制，CSS控制字体的能力要比糟糕的FONT标签好很多，在CSS控制样式时我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题，改变字体颜色，字体样式等等。

    5.在网页布局时，只要稍微对CSS有一点了解就会发现，CSS同样是非常容易编写的，在网页制作时完全可以象写html代码一样轻轻松松的编写CSS样式文件。

    6.在网站制作时DIV+CSS布局具备极高的易用性，因为使用CSS可以结构化HTML代码内容，我们举个例子，如：<p>标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等……通过CSS的样式控制，可以增加更多的用户，而不需要像TABLE每一个标签都需独立建立；

    7.采用DIV+CSS布局时，可以更好的控制页面，将页面中表现形式和表现内容相分离，设定一个CSS文件将设计部分剥离出来放在一个独立样式文件中，可以有效的防止未来网页无效的可能；

    8.传统的TABLE在进行网页布局时其灵活性极易受到限制，在TABLE 布局时只能遵循 table tr td 的固定格式，而网站制作时如果使用DIV布局时，使用div ul li 也可以 ol li 还可以 ul li ……更加丰富多样的布局写法格式，但需要提醒初学者，在使用语法时注意语法的标准，最好有序的使用语法

    9.在传统的TABLE布局时一些页面的展现形式必须要通过图片或动画形式才能实现的功能，现在只要通过CSS样式的编写就可以非常轻松的实现，从而使访客可以更快捷的下载页面进行访问，我相信在互联网如此发达的今天，任何一位访客都不会愿意等到一个页面漫长的打开的；

    10.网站在制作时可以将多个页面的风格样式使用一个CSS文件来进行样式的定义控制，这样仅需要修改CSS样式文件中的某一个ID或class类标签的样式定义就可以实现多页面同时更新，不再需要去修改每一个页面的代码。

以上为本人对DIV+CSS编写网站的一些看法，希望可以起到一个抛砖引玉的作用，让更多的网络公司或者企业能够更好的利用网络的时效、便捷、无地域限制等优势，来扩大企业的市场范围，获得更好的销售利润。

同时欢迎有想法或者意识希望通过网络扩展企业市场、提高销售额的朋友与峰飞网络工作室联系，让我们携手实现新的共赢。

网站制作、黑龙江网站制作、佳木斯网站制作、个人网站制作

上一个：IE6中的侵吞现象，即上面的div宽度背即使比下面的div宽度要小，其背景图片也会完全覆盖下面的背景。
下一个：在IE6中div出现了侵吞现象，即上面的div即使宽度小于下面的div其背景图片也会覆盖下面的div的背景