使用table而不是css'flove是错误的吗?

时间:2011-11-13 02:25:26

标签: css css-float css-tables

我在网站真正使用之前已经制作了网站,而且几年前我已经决定使用CSS来设计我的网页。离开好桌子并尝试“清除两者”是很麻烦的。

问题是,经过那么多年,我有时候仍然遇到麻烦。每当我遇到一个糟糕的CSS情况时,我会想起用“表”制作cols的简单方法。

我正在思考的越多,我越不明白为什么我们放弃使用表格。它们很适合设计页面,并不是每个网站都需要100%符合W3C标准,或者有数百页不支持因此而改变设计。

所以是的,现在我正在考虑回去使用桌子。我应该这样做吗?专业设计师是否真的使用不应该使用它们的表格?

我还偶然发现了谷歌地图API中一个怪诞的表格。如果google ingeneers正在采取这种捷径,为什么不呢?

(对不起我的英语,我不会流利)。

编辑:

很多回复说这是我的错。我认为在CSS方面相当不错,从Eric Meyer的书开始,自2005年以来一直在做CSS。我知道大多数情况下诀窍width:100%;overflow:auto;都有效(而且我们也没有这个伎俩) ,但我想知道使用表格在小网站上快速完成工作是不是一件坏事,比如博客。

5 个答案:

答案 0 :(得分:1)

当我开始删除表并使用CSS时,我遇到了同样的问题。有时CSS浮动可能是一种痛苦,当使用它们进行页面布局时会出现一些棘手的边缘情况,但是你将学会如何处理它们,这确实是值得的。您的代码将是10%的大小,并且更容易使用。

另一个考虑因素是CSS浮动可以与移动设备和小屏幕很好地配合使用。表可能会导致实际问题,特别是如果您想要添加漂亮的触摸屏改进。

很多“专业”设计师在不应该使用表格时使用。到处都是。但“亲”通常与“好”不一样。表只应用于可见的数据表。

答案 1 :(得分:1)

表仍然具有重要且语义正确的正确用法。这是为了显示表格数据。这在以数据库为中心或使用ajax处理大量xml的环境中尤其有用。对于一般布局,它们不合适,因为导致页面加载速度慢,因为浏览器必须等待所有内容才能开始渲染。 CSS应该不难。如果您遇到问题,应该查看它是如何在您喜欢该设计的网站上使用的。

CSS的一大优势是您可以为站点开发主样式表,然后在各个页面需要稍微变化的地方,您可以应用覆盖或修改特定元素而无需更改主表。

答案 2 :(得分:1)

避免表格布局提供了大量的好处,但@在一天结束时,浏览器仍然完全过于宽容(目前),你可以逃脱它。如果你对回到它们很谨慎,请阅读display:table和css3。它实际上是基于表格的布局,减去表格。

答案 3 :(得分:0)

避免表的一个原因是,在加载整个表的HTML之前,它们内部的内容不会显示。使用CSS方法,情况并非如此。

如果你在CSS方法上遇到很多麻烦,你必须做错了。考虑阅读其他人的代码,看看如何做得更好。

答案 4 :(得分:0)

6年后(我们现在在2017年),CSS现在有gridsflexbox,这应该是构建布局的最简单方法,不使用丑陋的黑客和不使用表格。