2010-12-15 22 views
1

可能重复:
Why not use tables for layout in HTML?作为布局

我知道,使用表作为布局是一个大problem..Why不专业的网页设计师使用表格排版了吗?什么是CSS的替代品,我可以使用,并将成为表的最佳替代?

+3

尝试使用搜索功能... – 2010-12-15 13:07:53

+2

http://stackoverflow.com不同有一些区别和添加功能/ questions/83073/why-not-use-tables-for-layout-in-html – syrion 2010-12-15 13:09:59

+0

@syrion ::非常感谢你 – 2010-12-15 13:10:34

回答

5

1)只要一个浏览器看到的开口table标签,它会停止渲染,直到它看到了结束标签,因为它没有甚至猜测表的结构会是什么样子的方式。因此,表格将显着增加用户启动请求和他们实际上可以使用您的页面之间的等待时间。

2)表需要3个嵌套标签在已经令人难以置信的冗长的语言(XML)

3)语义,一个表是用于表格数据来定义的细胞,这是很多噪声的地狱。使用它进行布局意味着当你阅读它时你的html没有意义。

+1

我只想补充一点,表格是**表示数据的意思,所以他们完全可以接受显示数据。它只是**(**)开发人员反对使用它们的布局。另一种方法是使用div来进行布局 - 我个人觉得很难得到div布局的悬念,但是一旦你获得了浮动并清除它们,他们确实很容易让它们做你想做的事情。在我看来,这是花时间学习这种技术的时间了。它会和其他开发者保持良好的关系。 – ClarkeyBoy 2010-12-15 13:45:49

+0

非常感谢你,本书是你推荐学习Div的书,我觉得它很难使用,而不是表格.. – 2010-12-15 13:49:33

+1

基本上我使用的是一个相对的div 2 - 3嵌套divs设置为'float:left'并设置宽度。宽度必须总和小于100%。确保你设置宽度,否则它们将默认为100%。然后你打开另一个设置为“clear:both”的嵌套div。这使得父div围绕浮动的div。如果你想要一个div在右边对齐,那么使用'float:right'。如果您想要将填充或边距应用于任何嵌套div,请在应用了填充/边距的区域内打另一个div。续... – ClarkeyBoy 2010-12-15 13:56:00

1

尝试学习使用div标签和使用css..it在外观

1

更影响我使用CSS和XHTML布局网页绝对建议给风格它。

我认为这里有太多的好处。从可访问性,搜索引擎优化,易于编码到未来打样。我认为关于这个主题的博文和文章将能够提供更多关于为什么以及如何使用CSS而不是表格布局页面的信息。

一本书,我建议是Web标准解决方案:标记和样式手册由达恩·塞德霍姆这本书会告诉你,你需要知道如何使用CSS和HTML的Web标准的兼容的方式应有尽有。

有一点要记住的是,HTML5已开始获得广泛使用有从XHTML