为什么使用DIV或跨度标签比使用表格布局“更好”？ [重复]

问题描述

|                                                                                                                   这个问题已经在这里有了答案：                                                      

解决方法

我认为主要是关于语义的。建立一个“ 0”来表示表格数据，并使用它来布局元素会违反该规定。同样，使用CSS可以完成的所有事情都可以通过

<table>

完成，而99.9％的时间可以轻松完成。在其他情况下，它并不是那么容易，而且就像您说的那样，它使标记变得难看且难以遵循。它也违反了内容，行为和表示对于Web开发至关重要的分离。     ,我能给出的最佳答案是，浏览器直到完全处理完页面才知道表列的宽度，这可能会导致页面可见加载的明显延迟。通过使用div，内容将立即显示，并且如果另一个元素强制调整其大小，它将显示内容，但显示的内容不会出现滞后。因此，这是更好的用户体验。     ,需要时使用表。当数据需要保持整洁时，请按照重复的特定顺序进行清理。您不应仅出于此目的而避免使用表。     ,它只是正确的HTML语义，可以使用DIV和SPAN来布局页面，并使用TAB来表示表格数据，如数据表，用户列表等。此外，DIV允许在布局和样式方面更具灵活性     ,使用表无法实现某些优点。考虑一下缩略图-您可以在一行中显示尽可能多的缩略图，如果没有足够的空间，其他缩略图就会中断（下一页）。 也可以看看： http://www.csszengarden.com/->并在“选择设计”侧边栏中选择其他设计 或使用菜单/导航栏的更好方法： http://css.maxdesign.com.au/listamatic/     ,一个好的原因是关注点分离。 HTML用于表达信息。 CSS用于表示，而JavaScript用于行为。通过分离这些问题，可以更好地解释内容，如标记所言-即表表示表格数据，而div和span表示内容块和文本范围。 如果您想要一些更好的理由： 使用此类软件的残疾用户 作为屏幕阅读器可以理解您 内容更好。否则，你整个 页面可以解释为表格 数据。您将使其更易于访问 通过使用div和spans。 浏览器可能能够更快地呈现您的页面。 进行调整会容易得多。 在整个网站上保持一致更加容易。     ,人们讨厌表格，因为它降低了SEO（搜索引擎优化）。 通常，这是一个语义问题。表格旨在显示表格数据-需要以表格格式进行布局的数据。将其用于其他任何事情都类似于使用Excel来格式化您的小册子-可能工作时间有些奇怪，但实际上是使用Word。 较新的HTML5元素以及某些较旧的HTML4元素在语义上更适合这种情况-内容的划分要求div，部分的分区，文章的文章，导航。 表格旁边的其他元素也确实提供了更大的灵活性，并且在正确使用表格的情况下甚至比表格更容易。 最终，它归结为实用性。如果本质上有点表格形式的数据，请使用表格。但是，如果是列或导航，请使用li或浮动的div或section。 编辑： 比较两个相同情况btw所需的HTML： http://jsfiddle.net/gbXFG/3/与http://jsfiddle.net/uJ2LG/