DIV vs.表或CSS vs.愚蠢

这是 Yahoo Grid CSS 它可以做各种各样的事情。

但请记住: CSS不是一种宗教 . 如果使用表而不是css来节省时间,那么就这样做。

您甚至可以认为表单是表,因为它们有标题(标签)和数据(输入字段)。

在英国和美国,法律要求优先使用CSS布局而不是表格。第508条(美国)和《残疾歧视法》(英国)都涵盖了视力受限用户的无障碍标准。

在英国,这项立法已经延伸到了实际上是非法的,商业化地制作一个网站,妨碍了一个视力不全的用户的能力,就像现在有一个商店进入它是违法的,轮椅用户无法进入一样-承认没有对网站的可访问性提出起诉然而。不过,我会一直使用CSS,因为这意味着你的网站设计更容易维护。

花时间学习CSS(我使用W3C学校和.Net杂志 http://www.netmag.co.uk

Why tables for layout is stupid: problems defined, solutions offered .

在我看来,应该偏向于CSS而不是IE6,也就是说,除非有一个非常好的理由(例如,你的网站只针对使用IE6的人,这可能是 奇怪的 ),最好是“疏远”使用IE6的人,而不是那些视力差和/或自动化用户代理的人。IE6的使用正在减少;后者的数量在增加。即使你的网站在IE6中看起来并不完美,但对于那些看不到它的用户来说,它可能比基于表格的布局更容易阅读。

这是一个非常笼统的问题,所以很难用具体的问题来回答。这两本书是很好的资源:

• Bulletproof Web Design
• CSS Mastery

如果你只需要花一个小时来设计你的整个网站布局,那也不错。

如果你不愿意花时间真正学习CSS(所以你需要几秒钟或几分钟来定位元素……而不是一小时),那么你需要把布局工作交给真正了解前端的人。

是的,当前的CSS浏览器实现有很多问题,但是没有什么问题会让你觉得有必要回到基于表的布局。坐下来花点时间学习它,就像你学习其他语言或框架一样。

我找到的最好的在线参考资源是: http://reference.sitepoint.com/css

但看一本像 Designing With Web Standards

我还以为蓝图很棒直到我看到 YAML online builder tool 太棒了。我可以在5分钟内得到一个看起来酷的多柱布局。

过了一段时间你甚至不去想它。在imo中使用div和CSS似乎是一个更简单的选择,而且,在使用jQuery这样的框架时,您会有更多的自由。我无法想象在不使用css或div的情况下做一些很酷的jQuery工作。如果你用表格来设计风格和布局,我觉得你错过了很多新技术,而停留在90年代。

这可能没有帮助,但我不知怎么地不明白所有这些与CSS相关的问题。如果一个报纸设计师试图在广告页上植入一部电影,每个人都会同意他有点疯狂。但是这些人仍然对HTML中的三列布局感到厌烦。HTML目前不太适合处理这种布局。此外,多栏布局通常不太适合在电脑显示器上阅读。难道没有足够的可行的替代品吗?

顺便说一句,即使是表也不能很好地实现一个流畅的列布局,所以这根本就没有理由求助于这种技巧。假设一个半现代的浏览器(即>msie6),表并没有提供任何我所知的干净的HTML+CSS的优势。

我就用这张桌子。

根据我的经验,在所有浏览器中使用表进行布局都是一样的,而CSS则不行(尤其是当你试图支持IE6的时候)。如果用一个表在10分钟内就可以完成布局,那么花上几个小时来编写CSS布局是不值得的。

尽管如此,有些框架确实有帮助,如果你能管理它,用CSS来做总是更好。

你也许可以在这里找到一些灵感: http://blog.html.it/layoutgala/

A List Apart 是使用语义HTML的一个很好的参考 Holy Grail article CSS Zen Garden 想要一些关于这个主题的灵感,或者阅读daveshea的优秀著作《CSS设计的禅》

它们的渲染速度也比CSS对应的慢得多。表格必须绘制两次,一次用于布局,另一次用于内容。这可能意味着,如果服务器上有一个或两个远程图像,并且连接速度很慢,则整个布局将无法呈现。