布局(表格,框架和css+div)有什么区别?

发布网友发布时间：2022-04-27 02:55

共6个回答

热心网友时间：2022-04-06 13:52

表格,框架和css+div相对比，div+css布局好，现在主流的网站均采用此种方法布局。

　　1、div+css和表格相比较，其优点是其布局定位简单，表格布局需要使用文字做内容，当想修改部分内容就要改动整个表格甚至真个界面，不利于后期的维护和前期的开发。

　　2、div+css提升了网页访问速度，div+css布局较传统的Table布局比较，减少了许多代码，其浏览访问速度自然得以提升，从而提升了网站的用户体验度。

　　3、div+css有利于优化。采用div-css布局的网站对于搜索引擎很是友好，简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。

热心网友时间：2022-04-06 15:10

这里就来说说使用现在流行的布局标签DIV的好处

1、搜索引擎亲和力：搜索引擎不会在意一个页面的设计或者构成。搜索引擎不可能“欣赏”设计漂亮新颖的页面；也不会去“排斥”颜色搭配丑陋的页面。它们只是默默地拿到它们需要的内容就离开。如果一个页面中涵盖了大量的table来描述构架，试想搜索引擎要花多大的代价才可以拿到真正有用的信息呢？
凭我自己的经验，一般来说，table构架描述的页面，样式结构和内容信息大小比可能达到1：1甚至更高。而CSS+DIV构架的页面，虽然在客户端看来下载一个复杂的CSS也要占用差不多的带宽，然而搜索引擎可以很方便的绕过这个css，而直接抓去div中的内容。这便是div的优势所在。带宽的稍多占用，完全显得微不足道，更何况一个冗余的table设计架构如果代码写的不好会占用更多的带宽。

2、重构页面的方便性。
这个应用最经典的例子就是各大blog程序了。就如现在我用的LBS系统，以及流行的PJBLOG、php下面的WP、MT，都是采用div+css构架。内容和样式的分离导致我们在重构页面布局（更换皮肤）的时候，只用针对每一个div元素重新定义其具体位置、样式就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道,实在是太过于麻烦.

热心网友时间：2022-04-06 16:45

基本上是这三种，表格：对于初学者是最好的布局方式，容易上手；框架：也如此，但页面布置得好，才好看；DIV：要写的CSS样式比较多，才能布局更好；但这种方式容易控制页面，互动性比较强！建议初学者，先从表格入手，再到DIV！

参考资料：http://www.w3school.com.cn/

热心网友时间：2022-04-06 18:36

浏览器读取表格的时候是把整个表格都读取完才显示，而DIV 是浏览器读到多少就显示多少，，，

DIV比表格的代码更简短，，有利于网页打开速度

DIV便于网站改板，，只需要改改CSS代码就可以了，不像表格那样，，特麻烦。。

热心网友时间：2022-04-06 20:44

只是用不同的方法去实现！

用处不一样的

热心网友时间：2022-04-06 23:09

推荐一个响应式布局设计的介绍，通过Bootstrap前端框架进行响应式布局设计，imooc.com/course/view/id/41加油~