志在指尖
用双手敲打未来

div+css(div+css布局和table布局的区别)

div+css

DIV+CSS是WEB设计规范,它是一种网页的布局方法。与传统中经过表格(table)布局定位的方式不同,它能够完成网页页面内容与表现相别离。提起DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML(规范通用符号语言的子集)基础上优化和改善的新语言,意图是基于XML应用与强大的数据转换才能,习惯未来网络应用更多的需求。
“DIV+CSS”其实是错误的叫法,而规范的叫法应是XHTML+CSS。由于DIV与Table都是XHTML或HTML语言中的一个符号,而CSS仅仅一种表现形式。或许其提出者本意并没有错,但是跟风者从表现曲解了其意思,以为整个页面就应当是DIV+CSS文件的组合。div+css

div+css布局和table布局的区别

众所周知,这(DIV+CSS和Table)两种句子都常常被开发人员运用了来操控界面显现,可是这两种语法也有很大的不同,下面分别从这两种句子的优缺点进行剖析:
一、制造功率
我想没人反对表格的制造功率要高于Div的功率。很明显Div布局代码全部都要手写。即便你在了解代码,也没有Dreamweaver生成来的快吧!所以Table能够很简略建立起结构化的界面,经过table本身的参数界说,咱们能把页面布局很快界说成咱们所需求的效果。
二、阅读器的兼容问题
table和div在兼容问题中,table更具有优势。
咱们常用的IE6.0,IE7.0火狐Firefox阅读器对divcss设置上十分挑剔,往往同一个css在2种阅读器上会有不同的结果,对规划制造人员来说是个可怕的问题。咱们不行能对用户的阅读器进行排挤和统一化,因此只需经过在制造的时候调整咱们的语法和布局办法。div要求咱们严格css支撑,而table能够不用考虑这么多。table的谨慎在不同阅读器中得到了很好的体现。
三、扩展性和可读性
Table的扩展性和可读性都是很差的,扩展差体现在保护和批改上面。DIV不用重新规划排版网页,甚至于不用动原网站的任何HTML和程序页面,只需求改动CSS文件就完成了一切改版。而Table则需求一个页面一个页面的更改需求变动的地方。
而可读性table基本上是没有的,谁能从一大堆代码里边看的出哪是标题哪是正文。全部是
。还一个妨碍便是当table容器内内容过多时,使页面的加载时刻添加,由于阅读器首先要加载标签,而在加载到
之前,table里的内容不会显现。
四、Table和div布局都有各自的优缺点,Div布局的长处:
1、大大减缩页面代码,进步页面阅读速度,减缩带宽本钱;
2、结构清晰,简略被查找引擎查找到,天生优化了查找引擎优化
3、缩短改版时刻。只需简略的修正几个CSS文件就能够重新规划一个有成百上千页面的站点。
4、强大的字体操控和排版能力。CSS操控字体的能力比糟糕的FONT标签好多了,有了CSS,咱们不再需求用FONT标签或许透明的1pxGIF图片来操控标题,改变字体颜色,字体款式等等。
5、CSS十分简略编写。你能够象写html代码相同轻松地编写CSS。
6、进步易用性。运用CSS能够结构化HTML,例如:
标签只用来操控段落,heading标签只用来操控标题,table标签只用来体现格局化的数据等等。你能够添加更多的用户而不需求建立独立的版别。
7、能够一次规划,到处发布。你的规划不仅仅用于web阅读器,也能够发布在其他设备上,比方PowerPoint。
8、更好的操控页面布局。
9、体现和内容相别离。将规划部分剥离出来放在一个独立款式文件中,你能够削减未来网页无效的或许。
10、更方便查找引擎的查找。用只包括结构化内容的HTML代替嵌套的标签,查找引擎将更有效地查找到你的内容,并或许给你一个较高的点评(ranking)。
11、Table布局灵活性不大,你只能遵循tabletrtd的格局。而div你能够divulli也能够olli还能够ulli……但规范语法最好有序的写。
12、别的假如你不是javascript的高手,你能够不必去写ID,只用class就能够。当客户端程序员写完程序,需求调整时候,你能够在利用他的ID进行操控。
13、Table中布局中,垃圾代码会许多,一些修饰的款式及布局的代码混合一起,很不利于直观。而Div更能体现款式和结构相别离,结构的重构性强。
14、在简直一切的阅读器上都能够运用。
15、以前一些非得经过图片转换完成的功用,现在只需用CSS就能够轻松完成,然后更快地下载页面。
16、使页面的字体变得更漂亮,更简略编排,使页面真正赏心悦目。
17、你能够轻松地操控页面的布局。
五、总结:
对于公司常常制造的中小型企业网站,我们能够先试着用div+table去做,这仅仅一个过渡期。你会发现这个时期做起来比纯table和纯div+css去做要快许多。两种做法的优缺点都能够很好的互补。熟练后,能够用div去做下。别的w3c之所以推出div+css,其意图就是为了进步执行功率,优化程序,由原有的HTML向XML过度,作为久远的开展.div肯定是胜过table的。

未经允许不得转载:IT技术网站 » div+css(div+css布局和table布局的区别)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载