畅谈DIV排版和table排版的区别

开发 前端
W3C推出层与CSS排版,目的是提高执行效率,优化程序,这里向大家探讨一下DIV排版和table排版的区别,希望本文介绍对你有所帮助。

本文向大家简单介绍一下DIV排版和table排版的区别,除特殊需求外,贸然采用DIV排版,并不理智。当然,CSS排版取代html是一个趋势,但现在还没有成熟。除页面十分简练的页面外,还是不建议用DIV排版。

DIV排版和table排版有什么区别

W3C推出层与CSS排版,目的是提高执行效率,优化程序,由原有的HTML向XML过度,XML的优点在这不多说拉。但层排版并没有得到广泛的应用,有人认为是层排版技术难掌握所以不能广泛应用,我看这纯数无稽之谈。每一个合格的网页制作人员都对HTML舒适的十分透彻。就是不用层与表格这种排版方式,用css的区块与<p><br>一样可以制作出象样的网站。只是制作复杂,制作需要更长的时间。所以现在所说的表格排版与层排版之挣,就是制作效率与执行效率之挣。

◆制作效率

我想没人反对表格的制作效率要高与层的效率的。很明显现在还没有所见既所得得层排版软件,代码都要手写。即使你在熟悉代码,也没有Dreamweaver生成来的快吧!如制作交为复杂的页面,中途突然想网某个地方加东西,恐怕这个工作对DIV排版的同仁们来说可是个不小的工作量吧!甚至有可能因为工作量过大尔放弃更改计划。使一个更***的设计就此落空。而表格就不同拉!对某处的更改,由于在软件中是所见既所的,所以更改相当简单。从此也不难看出表格在制作效率上远远优与层,在日后更改维护上也比层更加方便。也不难看出为什么用层排版的网站大多比较简练。

<table>的style属性内可以定义层所具有的样式。

◆执行效率与代码量

在制作页面时无疑DIV排版的代码量更少一些,这个也比较容易分析的出来,你想想<table><tr><td></td></tr></table>(一个空白表格的标记)与<DIV></DIV>(一个空白层的标记)哪个所用的字最多拉。但如果是一行20单元格,呵呵这个就不知道哪个代码量大拉。(只做参考这种情况在网页中及少出现)。从新的W3C标准来说,层排版也更接近标准,因为每个<DIV>都是独立存在,虽然不是智能的排版,但也不向表格一样把最层的读完才可以显示。效率比表格排版要高。

◆兼容性

兼容性,是DIV排版的致命伤。在IE4.0以上的版本里看的还是一个完好的网站,到了FireFox浏览器里变的面目全飞。很多大型网站也是因为不愿放弃其他使用非IE核心浏览器的用户才继续保留原有的表格排版的风格。当然比如手机、PDA、信息家电器都不能直接显示HTML。相信以后必定会过度到XML。

总结

综述上面所说,我认为在现在手机、PDA、信息家电器上网用户并不多。支持<DIV>可视化制作的成熟软件没有出现。执行效率的主要矛盾在后台程序;用户上网速度有很大改观;有很多浏览器并不支持<DIV>的情况下。除特殊需求外,贸然采用DIV排版,并不理智。当然,css排版取代html是一个趋势,但现在还没有成熟。除页面十分简练的页面外,我还是不建议用DIV排版。

【编辑推荐】

  1. CSS盒状模型结构及用法
  2. CSS布局中元素的分类(class)和标识(id)
  3. CSS中border和clear两大属性用法揭秘
  4. 实例解析CSS DIV绝对定位与固定定位用法
  5. 解读DIV CSS网页布局中CSS无效十个原因
责任编辑:佚名 来源: hi.baidu.com
相关推荐

2021-02-26 20:01:30

LaTex排版LaTeX排版

2010-09-14 10:41:24

DIV+CSS排版

2010-09-10 15:01:26

CSS+DIV排版

2010-08-27 10:59:11

DIVTable

2010-09-14 10:34:17

DIV CSS

2010-08-27 10:49:38

DIVtable

2021-02-20 20:58:04

LaTeXTeXstudio排版文档

2010-08-23 13:59:32

DIV CSSmarginpadding

2012-05-08 13:42:24

Erlang

2021-02-24 16:50:07

LaTex排版表格

2021-02-24 16:15:20

LaTeX排版LaTeX列表

2014-12-08 14:15:48

Material De字体排版

2013-10-22 15:48:35

2010-09-13 13:21:29

CSS排版

2010-09-08 17:20:42

CSS

2012-12-28 14:23:12

Android开发TextView

2010-08-30 14:03:59

CSS

2011-10-19 17:42:10

WPS 2012

2011-05-29 15:20:55

打印机评测

2010-08-30 10:32:38

SPANDIV
点赞
收藏

51CTO技术栈公众号