现在的网页布局方式趋向div+css还是表格，它们之间的优势又是什么呢

div+css布局和表格框架式布局的优缺点各是什么？~

div+css
优点在于 可以比table节省代码 如果你要修改样式 改一句css div里面所有的都会跟这变
缺点就是 相对于table复杂
tabel
优点在于 可以直接生成
缺点就是tr td 太多了 网络传输 需要精和小 而且样式修改起来复杂

在网页制作中，我们经常利用表格来布局和规划网页的版面。表格在网页制作中能很好的控制文本和图片，表格能让你的页面具有良好的易读性。利用表格的详细设置，你能创建符合页面需要的表格。表格的作用不仅仅局限于页面的元素定位、排版布局，在实际的应用我们还可以利用它来美化整个页面。
而且对于新手来说，利用表格定位，进行网页布局是比较适合的。虽然div+css对于布局网页有一定的优势，但是比较复杂，就是是高手，有时也会出现各种各样的问题，所以，如果你的能力还不是非常高的话。利用表格规划布局网页内容，还是不错的选择。

当然是div+css. 表格现在只能做为辅助. DIV+CSS的优与弊随着WEB2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV+CSS制作方法，而从实际应用情况来看，此种方法绝对好于表格制作页面的方法。具体优势体现在如下方面： 1、使页面载入得更快 由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。 2、降低流量费用 页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。 3、修改设计时更有效率 由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。 4、保持视觉的一致性 DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。 5、更好地被搜索引擎收录由于将大部分的HTML代码和内容样式写入了CSS文件中，这就使得网页中正文部分更为突出明显，便于被搜索引擎采集收录。 6、对浏览者和浏览器更具亲和力 我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV+CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。 说了这么多DIV+CSS的优点，同时也不能轻视DIV+CSS的副面作用： 1、DIV+CSS尽管不是高不可及，但至少要比表格定位复杂的多，即使对于网站设计高手也很容易出现问题，更不要说初学者了。 2、CSS网站制作的设计元素通常放在1个外部文件中，或几个文件，有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。 3、虽然说DIV+CSS解决了大部分浏览器兼容问题，但是也有在部分浏览器中使用出现异常，比如火狐浏览器，在IE中显示正常的页面，到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题，但是可以说在目前来看，DIV+CSS还没有实现所有浏览器的统一兼容。 4、DIV+CSS对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV+CSS本身。DIV+CSS网页设计并不能保证网页对搜索引擎的优化，甚至不能保证一定比HTML网站有更简洁的代码设计，何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量，这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前，而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言，网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。 综合以上讨论的DIV+CSS优势和略势，我认为不可盲目跟风，如何更有效、更合理的运用WEB2.0设计标准，这需要很长时间的学习和锻炼，而如何将DIV+CSS运用的更好，我觉得这需要通过不断的实践和体检，积累丰富的设计经验，才能很好的掌握这门技术。

采纳哦

---

宜都市19786943807： 现在的网页布局方式趋向div+css还是表格?？
陈没进凡命： 严格说不能说是div+css,应该说是XHTML+CSS, XHTML+CSS布局网页比表格布局代码量小很多,而且更便于优化,而且对整个网页加载速度来说也更好

宜都市19786943807： 现在网页设计的布局主流是用div+css布局吗?用表格布局是不是已经落伍了,完全被淘汰了 - ？
陈没进凡命： 目前各主流浏览器已经对DIV+CSS有了良好的支持,页面整体框架布局多采用此种方式,简洁灵活,自由度高.但如果页面中有很明显的列表、表格性展现内容,例如一张课程表、统计报表等,使用table做容器还是非常适合的.无所谓过不过时之说,选择最适合的才是最好的,也符合语义化的要求.

宜都市19786943807： div+css进行网页布局的三种方式是哪三种? - ？
陈没进凡命： div+css标准准确来说是xHTML+css,布局用到多个标签,不单止是div一个,布局是div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em这些相互配合使用~~~

宜都市19786943807： 目前对网页的布局主流的是用什么方式?？
陈没进凡命： div+css是目前主流的,不过div 的兼容性没有表格的兼容性好

宜都市19786943807： DIV+CS是什么意思? - ？
陈没进凡命： MS-DOS是Microsoft Disk Operating System的简称,意即由美国微软公司(Microsoft)提供的磁盘操作系统.在Windows 95以前,DOS是PC兼容电脑的最基本配备,而MS-DOS则是最普遍使用的PC兼容DOS.最基本的MS-DOS系统由一个...

宜都市19786943807： 网页设计的趋势是什么?？
陈没进凡命： 按照时间的话 TABLE 是最早的布局方式了 现在比较流行DIV+CSS 的布局方式. 未来的话,因为平板电脑以及安卓手机的流行加上网络带宽越来越大,用FLEX 做的网页或者小程序可能会在一些功能性强的网站上面广泛运用,这也符合谷歌提出的无操作系统的个人PC的想法,一台电脑只要个浏览器就可以干任何事情了.

宜都市19786943807： 为什么现在网页主流的布局方式采用DIV+CSS? 为什么不用AP DIV呢? - ？
陈没进凡命： AP div 是一个有 css 绝对定位属性的 div 而已,即某个 div 有这个属性:position:absolute;.这个 AP div 归根结底也是属于 div+css 里面的东西.AP div = div有这个css属性:position:absolute; 本来根本没有什么 AP div 这个概念,只是很多人...

宜都市19786943807： 网页设计的布局主流是用表格布局还是DIV+CSS布局?各有什么特点? - ？
陈没进凡命： 并不是用来布局,修改方便.最最主要的是符合WEB标准. 内容与表现分离.而表格布局则是内容与表现杂糅在一起.还有优点div在没有设置z-index属性的时候 是和 表格没多大区别的 如果你是装数据,比如你自己做个生活开支表,前些年一些网页设计的教程 里都是教怎么用表格布局,不过那只是叫你认识HTML 表格布局优点就是各浏览器的兼容性好,不易变形,什么的可以用表格.要理解表格主要是用来装数据的,但布局方式很死板,不灵活,很多特殊效果也是无法实现的.而DIV+CSS灵活就布局而言 你可以看看各大网站 你会发现肯定都是DIV+CSS 表格是装数据的不是用来布局的

宜都市19786943807： CSS做网站的优势? - ？
陈没进凡命： 大家都知道DIV+CSS是目前正在流行的网页布局方式,但是它与表格布局、框架布局相比较 而言又有哪些优点呢?今天我就来给你分享一下DIV+CSS这种布局方式的优点:(1) 结构清晰,容易被搜索引擎收集.(2) 与表格比能减少代码,实现表格布局的许多功能,从而提高页面的加载速度.(3) 能够在任何地方、任何设备上表现已经构建好的网页布局.(4) 可以实现和表现和内容数据的分离.(5) 能很好的控制页面的布局效果.(6) 拥有强大的字体控制和排版能力.这是本人总结的,希望笑纳.

宜都市19786943807： 现在的网页设计采用什么布局好/ - ？
陈没进凡命： 现在好多网站都用div+css来布局,这样布局首先是把框架和样式分离,方便以后的修改维护.但是有些地方换是用table老布局