mobile-phones - 移动网站中的表格与 div

Question

我对这件事完全感到困惑，有人说使用表格，而另一些人说使用表格是一种不好的做法，而应该使用 div 标签。为移动设备开发网站的正确方法是什么.mobi

Answer 1

您应该使用表格来呈现表格数据，而不是用于布局。手机上的大多数现代 Web 浏览器（例如 iPhone 上的 Mobile Safari）都能够正确呈现使用 CSS 和语义标记的网站。

Answer 2

是的，理论上说您应该使用表格来呈现表格数据，而不是用于布局。但是市场上的大多数 Web 浏览器都不能正确渲染具有浮动 div、高级 CSS 等的复杂布局。

事情正在迅速变化，正如其他人已经说过的那样，移动（智能）手机（iPhone、Android...）上的大多数现代 Web 浏览器都具有出色的 HTML/CSS/Javascript 支持。
如果您只考虑这些设备，则可以使用 DIV/CSS 布局，因为从语义的角度来看，这是正确的选择。但是，如果您想覆盖广泛的设备，请使用表格，因为您将保证您的页面将在更多设备中正确呈现。

Answer 3

要考虑的重要方面是数据与其在屏幕上的实际布局之间的差异。

通常，表格数据应使用表格呈现。例如，将公司资产负债表视为可以使用 HTML 表格显示的表格数据的示例。

但是，如果您需要在行和列中显示普通内容（本质上不是表格），还有其他替代方法，例如使用 DIV 和 SPAN 标签和一些 CSS 来定位和样式化内容，使其看起来像表格布局。这种布局的典型示例可能是报纸上显示的新闻文章。虽然布局在行和列中，但新闻内容本身是非表格的。

有大量文章讨论为什么这是一个好习惯。

鉴于您的情况，我建议坚持使用基于 CSS 样式的普通基于 DIV 的结构，以提供所需的效果并将 TABLEs 用于表格数据。

HTH。