当前位置:  开发笔记 > 编程语言 > 正文

为什么要使用表来构建布局?

如何解决《为什么要使用表来构建布局?》经验,为你挑选了5个好方法。

看一下Stack Overflow的源代码,我注意到他们已经使用了表和内联CSS了,我发现奇怪的是使用内联表属性格式化.

我只是好奇是否有任何特定的原因,他们为什么使用表格来构建他们的模板而不是流行的(或曾经流行的)DIV.

同样......使用CSS的目的包括在同一页面上使用内联CSS(我知道可能有一个很好的答案/解决方案......我只是好奇他们是什么)

我知道将表用于表格数据没有任何问题......但在这种情况下,Stack Overflows表用于结构.



1> nezroy..:

桌子与Divs是一场毫无意义的圣战.

以特定方式使用表格可能会导致问题的布局存在特定问题.其中一个是在一个表中构建一个完整的站点布局,以便处理页边距和位置 - 由于表的呈现方式,这经常意味着当内容下载时,浏览器引擎不会逐步呈现网站,并且只能收到整件东西后再渲染.对于大页面或慢速调制解调器用户,他们可能会盯着空白页面很长一段时间,这是一个"坏事".没关系mozilla/ie5代浏览器中表格渲染的许多不一致性,这使得一致的跨浏览器表格布局有些痛苦,特别是对于单元格中的图像.

纯div路径的支持者喜欢谈论内容与演示,因为理论上HTML 4.01是纯粹的内容,所有这些都是有意义的.div在抽象意义上提供了有意义的组织结构,然后由CSS专门呈现.在这些参数中,表仅在用于包含实际表格数据时才有效.当然,这忽略了这样一个事实:对于任何足够复杂的布局,几乎总是有很多空的div只是为了支持表示CSS的必要钩子而浮动,打破了这个抽象的第一层.一旦这个抽象被破坏,就没有法律规定,当你的布局只需要HTML中没有有意义内容的表示钩子时,div在某种程度上比表格更合适.

最后,它是关于了解所有方法的局限性并使用最合适的方法.在许多情况下,使用表格比设置无意义(即非内容有意义)的div数组更容易,并且表格渲染限制不适用.如果表格很小并且表示内部内容的一小部分,则渲染延迟不相关.


你可能没有添加一个空元素,但是你添加了大量浏览器特定的黑客或javascript更正代码 - 这两个都很糟糕.或者您只创建简单的页面.

2> Michael Hare..:

没有参与SO开发,我只说一般:

我发现tables浏览器通常比CSS基于布局更容易,更一致.

此外,CSS在尝试完成任务时经常会发生随机发生.我想,它可以在以后重构.

关于为什么他们选择用HTML而不是CSS来设置表的宽度,我不能说.

我知道,当他们开始时,他们使用了一个真正的,诚实的善良设计师.但是,我不知道,如果该设计师向他们提供了网站应该是什么样子或实际标记的图像.

请不要因为这样说而激怒我.我们不是所有的CSS忍者.



3> 小智..:

SO可能是由程序员编写的,而不是Web开发人员.


小心......他们在争吵.;)

4> hasen..:

表不是邪恶的,但它们的某些用途(曾经无处不在)是邪恶的.即,使用间隔符,嵌套单元格等来控制边距和填充.

即使现在每个人都在谈论css和div的布局,但问题的真相是css在布局方面很糟糕.你只能做这么多.看看一些使用css获得2或3列布局的建议解决方案,它们都很糟糕.投掷a

更容易.

css不适合非平凡的布局(我的意思是纯粹的div/css)

我刚刚抛出的表格解决方案需要使用css来控制宽度和填充以及边框和背景图像等.



5> Marius..:

放弃并使用表格

推荐阅读
家具销售_903
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有