html用div排版类型table,DIV排版和Table排版的区别

小咪咪 2022-10-10 11:21 126阅读 0赞

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

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

制作效率

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

执行效率与代码量

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

<table> 
 <tbody> 
  <tr> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

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

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

兼容性

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

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

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

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

发表评论取消回复

表情：

评论列表（有 0 条评论，126人围观）

还没有评论，来说两句吧...

相关阅读

相关用html+javascript打造公文一键排版系统16：更新单个附件说明排版，实现多个附件说明排版

利用公休的时间继续完善。一、更新单个附件说明排版之前实现单个附件说明排版时，我们只考虑了“附件：”中冒号为半角的情况，而没有考虑存在多任余空格的情况，我们今天先针对

我不是女神ヾ/ 2024年03月22日 22:53/ 0 赞/ 18 阅读

相关用html+javascript打造公文一键排版系统7：落款排版

一、公文落款的格式公文落款包括单位署名和成文日期两个部分，其中成文日期中的数字用阿拉伯数字将年、月、日标全，年份应标全称，月、日不编虚位（即 1 不编为 01）。在实

雨点打透心脏的1/2处/ 2024年03月17日 20:37/ 0 赞/ 23 阅读

相关用html+javascript打造公文一键排版系统6：三级标题排版

正文中的标题分为四级，文中结构层次序数依次可以用“一、”“（一）”“1.”“（1）”标注；一般第一层用黑体字、第二层用楷体字加粗、第三层和第四层用仿宋体字标注。对于以阿拉伯

港控/mmm°/ 2024年03月17日 19:58/ 0 赞/ 19 阅读

相关 html用div排版类型table,DIV排版和Table排版的区别

W3C推出层与CSS排版，目的是提高执行效率，优化程序，由原有的HTML向XML过度，XML的优点在这不多说拉。但层排版并没有得到广泛的应用，有人认为是层排版技术难掌握所以不能

小咪咪/ 2022年10月10日 11:21/ 0 赞/ 127 阅读

相关 Bootstrap（2）排版（简练版）

（九）排版 ①原文链接： [http://v2.bootcss.com/base-css.html][http_v2.bootcss.com_base-css.html]

- 日理万妓/ 2022年09月26日 03:58/ 0 赞/ 209 阅读

相关 UID-排版常用HTML标签

![SouthEast][] 语言重点是语法什么是语法语法就是“标点符号” html语法 1）标签名用尖括号（<>）包含 2）标

￡神魔★判官ぃ/ 2022年08月25日 15:54/ 0 赞/ 120 阅读

相关 CSS+div页面排版

CSS排版过程：首先在整体上进行<div>标记分块，然后进行CSS定位，最后添加相应的内容，如果网页是拓扑结构，则可以修改CSS属性进行重新定位即可。

落日映苍穹つ/ 2022年08月19日 08:47/ 0 赞/ 142 阅读

相关古风排版java版

7-7 古风排版（20 分）中国的古人写文字，是从右向左竖向排版的。本题就请你编写程序，把一段文字按古风排版。输入格式：输入在第一行给出一个正整数N（<10

淡淡的烟草味﹌/ 2022年04月18日 06:43/ 0 赞/ 106 阅读

相关 DIV+CSS排版技巧

1、CSS盒子(CSS box) CSS中没有box这个属性。CSS的盒子(box)是由以下几个部分组成的：内容(content)、填充(padding)、边框(bor

叁歲伎倆/ 2022年03月31日 04:40/ 0 赞/ 265 阅读

相关负margin实现div的左右排版

使用负margin可以使当前的div左边能容纳下面的div浮动上来，因此把右边的div摆在前面，左边的摆后面，右边的使用负margin就能让左边的浮上来，这样就遮住了右边的左半

╰+攻爆jí腚メ/ 2021年10月20日 00:56/ 0 赞/ 210 阅读