现在的网页布局方式趋向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运用的更好,我觉得这需要通过不断的实践和体检,积累丰富的设计经验,才能很好的掌握这门技术。

采纳哦
温馨提示:内容为网友见解,仅供参考
无其他回答

现在的网页布局方式趋向div+css还是表格,它们之间的优势又是什么呢
当然是div+css. 表格现在只能做为辅助. DIV+CSS的优与弊随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,而从实际应用情况来看,此种方法绝对好于表格制作页面的方法。具体优势体现在如下方面: 1、使页面载入得更快 由于将大部分页面代码写在了CSS当中,使得页面体...

布局(表格,框架和css+div)有什么区别?
3、div+css有利于优化。采用div-css布局的网站对于搜索引擎很是友好,简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。

网站布局格式DIV+CSS还是TABLE好?
那么DIV+CSS的优势在哪里呢?1.网页加载速度快:基于国内带宽的现状,经常会出现网速不良的情况,那么这时候DIV+CSS的优势就体现出来了。如果网速较卡,那么我们会看到用TABLE的网站网页仿佛跟刷子一般从上往下“刷”下来,速度比较慢,而采用DIV+CSS的网站加载速度相对较快,这样就带来了良好的用户体验,...

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

网页用什么布局 用CSS+DIV 还是CSS+表格(听说这种好少人用) 求牛人...
DIV+CSS便于网站更新和维护 Div+CSS标准的优点:1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本;2.结构清晰,容易被搜索引擎搜索到,天生优化了seo 3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT...

表格布局与框架布局,以及DIV+CSS布局的区别是什么?请 详细地说明各自的...
表格与框架布局 优点:浏览器解析比较准确,一般不会出现错误;缺点:不够灵活,且样式单一,难维护 DIV+CSS布局 优点:布局灵活,能够实现样式与结构的完全分离,易于维护,能够有更多的创意;缺点:各个浏览器在解析上存在一定的区别,需要针对不同浏览器进行专门的代码优化。随着网页技术的发展,表格布局...

Div+Css和Table功能实现各有什么优缺点?
DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的。让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛。用DIV进行排版的优势就是我不说,大家应该都比较清楚。DIV是标准,是大势所趋,但并不意味着所有的页面...

现在网页设计的布局主流是用div+css布局吗?用表格布局是不是已经落伍...
现在主流是xhtml+css,表格布局没有落后,只是如果全部用表格制作网页的话,必须等表格加载完以后才会显示网页,这样比较慢,所以大多数不完全采用表格制作。但是对于数据提交一类的区域还是会用表格的,后台界面经常会用到表格以及框架。还望采纳!

DIV布局与表格布局哪个要更好一些?
1;前几年的话大部分网站都是使用表格布局。2;随着最近几年的技术发展开始使用DIV+css来布局。3;使用DIV+css布局提升了代码的简洁性,提高了网页的加载速度,使代码不至于那么臃肿,而且网页更加灵活多变,一定程度上增加了网页的美感度。4;但是也许你会问,DIV+CSS可以完全替代表格,我的回答是绝对...

使用表格和框架布局网页的优缺点
也就是用于网页布局。使用样式表布局的原因:如果网页不能用来可视化的呈现信息,例如,用语语言合成器朗读,那么表格就不适于用来实现布局。另外,当网页中包含宽度较大的图片是,就会强制用户使用水平滚动条来浏览,这有可能会破坏原有的布局。为了最小化这些问题,推荐使用样式表来实现布局。

相似回答