关于网页布局,大体上可以分为两种,一种是使用table布局,另一种使用div布局,很多人说现在主流的网页布局是div+css。那么div和table布局究竟有那些联系和区别呢?我们又该如何进行网页布局呢?
下面对这两种网页布局进行一些探讨。看了一些大公司的网页布局,其中腾讯,网易,中国移动等公司都使用的是div进行的布局。而工商银行则使用table进行布局。
div和table布局各自的优缺点:
1:div+css进行布局,可以实现table的页面布局效果,还能减少页面中元素的个数,使得页面夹在较快,而且能更好的被搜索引擎相匹配。
2:table进行布局可以有一个统一的外观,便于控制格式,对于初学者来说是很好的选择。还有一个最大的好处就是兼容性好。
3:div的缺点是兼容性没有table好,而且对于新手来说,div没有table好控制。
4:table的缺点就是太多的table嵌套会使网页的内容量减少,而且看起来非常臃肿,网页的加载速度变慢。
5:在网页显示的时候,table必须把结束</table>加载完以后才能显示整合网页,而div则是一个小的显示块,加载完以后可以逐个显示。这样div在一定程度上比table显示的要快,性能上更好。
个人分析感觉,在一些项目中,企业内部使用的管理信息系统,很多多使用的table进行布局,因为企业内部系统一般没有很多的特效,不需要精细的处理,也不是为了吸引人浏览而做的。相对来说企业网络较好,所以使用table布局快速,简洁,方便。而工商银行使用table应该更多的是想到了兼容性。
而一些互联网公司,它为了吸引客户,做了很多的特殊的效果,也为了增加自己在搜索引擎中的权重,必须做一些特殊的处理。使用div还是比较好的。
相关推荐
table布局网页转换为div+CSS布局的转换软件. 非常快捷方便,一转眼一个老式样table布局网页的网页就转换成div+CSS布局的了,支持绝对定位和流定位.
2 使用Frameset+Table布局(div也可) 3 对用户ID和用户名、口令不符合条件及时判断 4 对口令不一致进行及时判断 对34的及时判断,要求提示信息必须显示在同一个页面 也就是说显示在当前的行的后面或者上面或者下面 ...
Table2CSS是一款可以将表格布局网页完美转换 成DIV+CSS方式的软件。 支持外部CSS,支持网页及目录批量转换。 Table2CSS在线演示视频:(演示视频为英文版本,软件为中文版本) http://www.table2css.com/demo-video ...
Table会影响其内部的某些布局属性的生效(比如里的元素的height:100%) (这会限制你页面设计的自由性。) 一旦学了CSS知识,你会发现使用table做页面布局会变得更麻烦。 (先花时间学一些CSS知识,会省去你以后大量的...
现如今随着技术的不断发展,传统的利用table来进行网页布局的技术已经很少使用了,随着div+css的不断兴起,越来越多的人喜欢利用这项技术来进行网页布局,这份资料将给学习这项技术的初学者提供很好的帮助。
Table2CSS是一款可以将表格布局网页完美转换成DIV+CSS方式的软件。支持外部CSS,支持网页及目录 批量转换。 这个软件原来是老外做的,收费的,但是经北京采摘在线Nodody汉化破解,已经没什么限制,完全可用了。 ...
可以把表格布局转变成CSS+DIV布局。
ASP.NET 企业网站管理系统,Access版,本程序未开源,只适合建站。界面非DIV+CSS,采用老的Table布局,更方便老美工修改程序。
介绍:Table2CSS是一款可以将表格布局网页完美转换 成DIV+CSS方式的软件。支持外部CSS,支持网页及目录 批量转换。 更新说明: 3.0.0 +增加DOM(文档对象模型)查看器,允许调整转换设置. +通用CSS前缀配置默认值"gen". ...
DIV+CSS布局实例 浅谈网页制作中table与div方法布局网页框架的利和弊.pdf - 下载...
本文实例为大家解析了html5 div布局与table布局,供大家参考,具体内容如下 div布局:html+css实现简单布局。 #container中height不能写成百分数,必须为具体高度。 <!DOCTYPE html> <html> <head lang=...
不用到table标签也能实现 table功能。
所有网站都采用CSS控制样式展现,没有table,都是DIV控制布局!更有一些网站有华丽丽的JS特效。 36个网站中包含了各行各业的网页设计,譬如图片站、门户站、企业站、宠物站、资讯站等等,而且足够让您欣喜的是绝大...
DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的。让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛。 DIV是标准,...
这是我自己项目总结的一些布局方法,基于DIV+CSS实现的一种弹性盒模型布局,主要利用display:table-cell;这一属性来实现,兼容良好,可扩展性也比较强。适用于做前端重构、架构的童鞋。
DIV+CSS 网页重构 DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现...
我们在jb51.net一直强调... 首先你要知道,当你开始学习DIV+CSS的时候,你要把以前所有用DW画布局表格的思维方法忘的一干二净(如果你以前是用TABLE布局的话),然而这项技术更适合刚接触网页制作的人。 然后你要知
Table2CSS Converter这是一个搜索引擎优化工具,转换成网页的HTML代码表tableless的CSS 。...Table2CSS是一款可以将表格布局网页完美转换成DIV+CSS方式的软件。支持外部CSS,支持网页及目录批量转换。
是根据我对文章的理解意译的,你就别挑哪里翻译的不对了,我的目的只是传达这个CSS技巧 许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个...