1.7.2 表格布局存在的问题


1.7.2 表格布局存在的问题


用表格实现了本例的布局。一些更细微的版式问题,读者可以参考本例源代码,这里就不再罗嗦了。下面我们来分析表格布局存在的问题:


如果你查看一下页面源代码,一切就明白了,这个页面布局共用了83行代码,代码之多就不言而喻了。相信如果读者用图像编辑器切图制作页面会产生更多的代码冗余,读者不妨自己试一试看看。


为了实现犹如麻点边框效果和圆角效果等,页面需要多层表格嵌套,本例表格嵌套最多达到6层。这样多层表格嵌套会带来两个问题:一个是浏览器解析的缓慢,读者如果浏览本例表格布局的页面,就会发现有短暂的解析延迟过程;另一个是多层嵌套为代码维护与内容修改带来麻烦,大道理不讲,读者可以想象一下在如此多层关系表格中要找到插入点会是多么困难,调整布局结构更是难上加难,因为牵一发而动全局。


用表格布局显得比较粗糙。关于这个问题,可是仁者见仁、智者见智,当然如果你用切图来实现表格布局就难说了,所付出的代码就是高度的代码冗余。在制作本例时,我感觉到用表格实现内边距、外边距是非常麻烦的,有时为了增加表格左边距,可能需要再增加一列单元格,甚至需要嵌套表格。特别是已经完成布局之后,再想调整内边距时,会感觉非常费力,有时会破坏掉前面设计好的布局。


表格布局的最大问题是网页表现层与结构层混在一起,这对于页面的维护、更新、动态控制都带来麻烦。关于这个问题我们下一章会更详细的探讨。




标签:
友情链接
轻松育儿世界奇观
苏ICP备16066217号-2