浅谈网站流行新技术---网站重构DIV+CSS

摘　要：

关键词：
　　随着科技的发展，互联网已经深入到我们生活的点点滴滴，可以说，我们的生活已经离不开互联网。作为互联网应用发展中的一个重要的环节---网站，已经占据了其不可或缺的重要地位。时代在进步，技术在发展，网站的构建技术也日新月异，本文就针对网站构建当中一个比较重要的环节--网站架构，来简述其变化发展的过程，以及技术特点。
一、网站重构
1、网站重构的定义
　　网站重构，字面上的理解就是网站重新构造，用新的模式结构来代替旧的。网络的简单定义为使用WEB标准来设计网站。
2、网站重构的必要性
　　在互联网刚开始发展阶段，技术还没现在那么丰富，多数都是静态的HTML网页，而且页面很简单，文字加图片是那个时候的主流，网页里运用最多的元素是表格(TABLE)，这种技术适合了那个时代的潮流。那个时候的网站基本上也是纯静态页面，交互性很差，浏览者只能“读”网页。那个时候的互联网一般被定义为WEB1.0。
　　随着博客，论坛等交互性的网站逐步流行起来，网页里的东西也越也丰富，也越来越复杂。人们开始注意到，现在的网页已经不是当时的那种只能“读”的网页了，而多了可以“写”的功能，也就是说浏览者可以参与进去，自己的写的部分也成为网站的一部分。这个阶段就是我们现在的熟知的WEB2.0。WEB1.0的简单的网页已经完全满足不了现在的需求了，而且用原来的表格布局方法也完全不能适应网站频繁更新的要求了。这个时候，一种新的网站构建的技术开始流行起来，就是DIV+CSS布局，这种新的网页架构方法完全抛弃了原来TABLE架构的繁琐，仅仅使用若干个，就可以完全把网页的结构定好，这里DIV起到了网页骨架的作用。而网页样式则由CSS来负责，CSS的作用就相当于骨架上的样式，各种各样，随心所欲，改变外观完全只需要修改CSS一个文件达到，极大程度上减少了更新网站的琐碎步骤。目前的门户网站，论坛，博客等，一般都是采取这种方法架构的。
二、DIV+CSS技术应用
1、DIV+CSS流行的必然性
　　上面已经略微谈到了，目前WEB2.0的时代，很多网页的内容十分的复杂，以往的TABLE布局在页面代码显示十分的混乱，不够清晰。与传统的网页局部不同，使用DIV+CSS技术进行网页布局后，你会惊奇的发现原来你的网页的代码也可以那么井井有条，一目了然。在目前WEB2.0这个时代，DIV+CSS布局为网站建设的高效性提供了坚实的基础。
　　正因为DIV+CSS在布局结构上有这样的优势，渐渐地DIV+CSS技术已经成为了一个大家都认同的规则，WEB2.0网站建设必须遵循的一个规则。
2、DIV+CSS的技术优势
（1）设计与修改更有效率
　　与TABLE布局相比，DIV+CSS在修改起来更加的方便，只需要在CSS文件里更改就行了。因为DIV在布局的时候，使用了id对区域进行了命名，在需要更新的时候，只需要查找对应的id，然后修改下属性就可以了。而TABLE布局里则需要到网页代码去搜寻然后修改，大大的增加了工作量。
（2）更好更快的被搜索引擎收录
　　WEB2.0网站的推广，一个很重要的渠道就是搜索引擎，因为他是免费的，不花钱就可以帮你宣传你的网站。事实证明，只要网站结构代码越清晰，文字部分越突出，被搜索引擎收录的可能性就越大。而DIV+CSS技术正是帮你实现这些的最好办法。由于将大部分的HTML代码和CSS样式写入了单独的CSS文件中，这就使得网页结构很清晰，正文部分更为突出明显，便于被搜索引擎采集收录。
（3）让页面载入更快
　　由于将大部分页面代码写在了CSS当中，使得网页代码容量变得更小。相对于TABLE嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。在网络宽带有限的情况，DIV+CSS的网页比TABLE布局的网站会显示的“快”些。
（4）节省流量费用
　　由于DIV+CSS布局的网页代码比传统的TABLE代码大大减少，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了，俗话说省钱才是硬道理，就是这个意思。
（5）保持视觉的一致性
　　DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。另外，DIV+CSS也具有很好的兼容性，使用DIV+CSS的网页在各个浏览器显示上不会存在太大的视觉差异，这是TABLE布局是不能做到的。
三、DIV+CSS目前还存在的问题：兼用性与规范性
　　上面我也说到了，DIV+CSS基本上可以兼容任何一种浏览器，不会造成视觉差异。但也正是这个问题，在使用DIV+CSS布局网页的时候需要更多考虑到在各个不同浏览器下的显示问题。目前主流的浏览器是IE内核，FIREFOX, OPERA等。由于不同浏览器在识别样式上存在不同差异，我们就需要对样式进行调整，按不同浏览器版本的，给出不同的样式。
　　如果要在网页里使用表格做为内容数据，DIV+CSS虽然可以做到，但是方便程度上还是不及TABLE。所以说TABLE的存在还是有一定意义的。
　　DIV+CSS已经在目前流行的网页技术了，我只是简单说明一下其优势和劣势，更多的使用心得还需要在实践中慢慢体会。