当前位置：网站首页 >> 建站知识 >> 网站技术 >>


DIV+CSS网页编码方式与表格TABLE方式的网页的比较

来源：郑州凯讯网站    发布人：郑州凯讯公司    发布日期：2014-07-11

DIV+CSS是一种网站标准即WEB标准，是一种网页的布局方法，这种网页布局方法有别于以前传统上的table布局，而且已逐渐流行开来，但传统的table布局仍在很多网站上使用，因此，我们不能说DIV+CSS将会替代Table布局，而是应该认为二者都具有优势和劣势，应该合理地使用二者，才更符合网站建设的要求。目前，许多大中小型网站都已经开始采用DIV+CSS的框架布局来制作，这更加印证了DIV+CSS是大势所趋。而一些年龄较大的网站可能还在使用table布局来构建网站。

DIV+CSS布局方式的特点主要有一下几个：
1、这种DIV+CSS布局的网页符合W3C标准。
2、对于搜索引擎更加友好。相对与传统的table布局，采用DIV+CSS技术实现的网页，对于搜索引擎的收录更加友好。
3、样式布局的调整改变更加方便自由。
4、使用DIV+CSS布局的页面，大小通常比较小，相对TABLE做的页面，DIV+CSS的页面体积要小很多。从而使得DIV+CSS的页面更加容易被浏览器加载。

尽管DIV有以上一些优点，但是也有其缺点，其优势是相对的，并不具备压倒性优势。就拿网页编码所占用的网页体积来说吧，虽然DIV的布局使得代码精简了许多，但是在用DIV替代TABLE时所节约的代码量，又被CSS（样式）所占用了，也就是正文中的代码虽少，但是与div相配合的css或者style设置却增加了不少，故此，使用div+CSS的布局在代码量上并不比table布局的代码少太多，或许只能减少1/5左右。

其实DIV与TABLE相比，也并不具备很大的优势。在某些比较复杂的页面布局上，可能使用table布局更加合适，而这些比较复杂的布局使用DIV+CSS则显得更加复杂。相对来说，table对布局的控制更加容易，不必考虑的过多。因为table本身就是用于控制版面布局用的，在table内部的文字、图片将很容易控制在表格内部，不至于偏离表格。而div对布局的控制虽然灵活性较大，但我们需要对div的控制多加考虑，多次测试才能得出想要的结果，稍微不注意，就可能出现版面布局上的错位。

再说一下div布局所倡导的css样式重用上，虽然我们可以把所有div样式css归结到一个统一的文件上供很多的网页文件来调用，便于我们统一控制，统一修改。然而，我们应该知道，每一次调用就相当于一次http请求，如果请求次数过多，就会明显加重服务器的负担，还可能会降低网页的浏览速度。笔者这么说，并不是说DIV这种布局方式不好，而是说我们应该正确的看待Table在以内容为基础的大型门户中的作用，而不是人云亦云。

那么，在什么时候应该使用div+css，又在什么时候使用table呢？关于这个问题，主要看个人的技术方向和编码爱好。笔者以为，在嵌套较多的布局中，不宜使用table格式，而应该使用 div+css格式的，而在较为简单的网页，不需要使用过多的嵌套时候，使用table布局反而更加适合。

对于浏览器兼容的问题，笔者以为DIV+CSS相比TABLE布局，更容易出现多种浏览器不兼容的问题，主要原因是不同的浏览器对web标准默认值不同。table是究竟考验的传统性的布局，在浏览器兼容性上更好一些，而对于div+css式的布局，某些浏览器可能存在不支持或者支持不完全的情况。

总之，选择哪一种布局方式，要根据编码人员的方便来决定，同时也要考虑到相对于搜索引擎的喜好。DIV+CSS相比TABLE有根多的优势，网页设计师可以在这方面多下一些功夫，努力学好DIV+CSS布局的设计方法，并将之应用到自己的网站上。但是我们也不是要抛弃table方式，毕竟多一种实现方式，就会多一种手段。至于如何选择，全看你的了。