HTML div表格排版,畅谈DIV排版和table排版的区别

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

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

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

一样可以制作出象样的网站。只是制作复杂，制作需要更长的时间。所以现在所说的表格排版与层排版之挣，就是制作效率与执行效率之挣。

◆制作效率

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

◆执行效率与代码量

在制作页面时无疑DIV排版的代码量更少一些，这个也比较容易分析的出来，你想想

(一个空白表格的标记)与

都是独立存在，虽然不是智能的排版，但也不向表格一样把最层的读完才可以显示。效率比表格排版要高。

◆兼容性

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

总结

综述上面所说，我认为在现在手机、PDA、信息家电器上网用户并不多。支持

可视化制作的成熟软件没有出现。执行效率的主要矛盾在后台程序；用户上网速度有很大改观；有很多浏览器并不支持

的情况下。除特殊需求外，贸然采用DIV排版，并不理智。当然，css排版取代html是一个趋势，但现在还没有成熟。除页面十分简练的页面外，我还是不建议用DIV排版。

【编辑推荐】

【责任编辑：程华权 TEL：(010)68476606】

HTML div表格排版,畅谈DIV排版和table排版的区别相关推荐

html5中平铺图片,HTML布局排版2 div的和图片平铺方便管理
在HTML里,由于浏览器显示器等差异,浏览器的宽度也会有变化,为了适应不同的宽度,需要用到平铺. 例如页面前面的固定的条等,如果是纯色,可以用背景色,如果不是纯色,是渐变等,可以用条状图平铺. 常见的 ...
html中表格布局还是div布局,Table布局 VS Div+CSS布局，选哪个？
Table布局和 Div+CSS布局的争论,过了7-8年了,今天看到一篇文章<为什么我们不建议用Table布局>,又想发表下自己的见解,供初学 <为什么我们不建议用Table布局& ...
HTML+CSS第十课：常见的3种网页布局方式：表格布局、DIV+CSS布局、框架布局
知识点:网页布局的方式 1.网页布局常见的页面布局方式:表格布局.DIV+CSS布局.框架布局. 表格布局:用来显示较多的数据,如OA系统.ERP系统或CRM系统.(一般用在局部) DIV+CSS布 ...
(18)C#传智:HTML,属性,标签,元素,body,Font,A,列表,表格,表单,Div,Span,框架
比较简单,无事的跳过,直接w3c.school 一.HTML简介一个实例:右键查看源文件(标签,属性,内容...) HTML文档=网页 HTML超文本标记语言(Hyper ...
html表单实验原理,Div表格原理与实做
6-1.html 年度收入 &lt... 表格其实和 div+css 一样优秀.所谓的"浏览快慢"其实是在带宽有限的情况下,由于需要等待载入时间,而表现出的快慢.表 ...
计算机论文表格形式展示,巧借WPS表格实现WPS文字自动双色排版 -电脑资料
双色排版,就是在同一版面内使用两种颜色的字体, WPS文字我们都知道是用来排版文章的,能否使用它实现双色排版呢?手工设置是可以的,但是这样的工作量是相当大的,对于大文章也是不现实的.使用宏当然能够实现 ...
html div表格代码,Table tr th td html表格标签
进修DIV CSS回头再来深造Table表格标签组合就相比容易.再借助DW软件构造TABLE表格更为方便随心所欲. 一.html表格语法 1.根本table tr td结构代码模式1.1 模式1.2 ...
html语言如何排版,html语言,使用table排版.docx
PAGE / NUMPAGES 汇总部分使用HTML语言编写网页的基础知识当使用文本文档打开一个网页格式的文档后,会出想一整屏幕的代码.其实,细心观察,便会发现这都是在一个框架的基础上添加的内容,其 ...
父类div高度适应子类div
父类div高度适应子类div 通常有许多div的高度由子类的高度决定父类的高度,所以需要父类div要适应子类div的高度,一般情况父类的高度可以直接设置成"auto"即可. 在有的 ...

HTML div表格排版,畅谈DIV排版和table排版的区别

HTML div表格排版,畅谈DIV排版和table排版的区别相关推荐

最新文章

热门文章