【发布时间】：2014-03-19 02:47:01
【问题描述】：
TL;DR：你会为 phonegap 应用程序布局选择表格，因为它提供了分辨率独立性的简单方法吗？由于我的 html 不会被搜索引擎/屏幕阅读器解析，因此具有一些不正确的语义 html 是可以的。
请不要将此问题与 DIV's vs. Tables or CSS vs. Being Stupid 或 Why is using DIVs or spans tags "better" than using a table layout? 或任何其他 Div vs Table 问题混淆，因为这是在 phonegap 应用程序的上下文中。
我知道表格只能用于表格数据，并且已经阅读了许多解释它的文章。我特别想知道在 phonegap 应用程序的上下文中，使用表格为应用程序提供基本结构是否会更容易。
我已经使用表格和 div 创建了基本的应用程序结构。这是jsfiddle：Layout using Table & Layout using div
具体来说，当我使用表格时，我不必担心计算高度
<tr id="content-area"><td></td></tr>。浏览器将根据“导航栏”显示动态计算其高度。使用 div，我不得不担心“内容区域”的高度，当容器中有其他元素的高度以像素为单位时，也很难以百分比指定高度。例如导航栏。在这种情况下，浏览器会处理大量计算，否则我将不得不在 javascript 中执行以实现分辨率独立性。
【问题讨论】：
-
传统的做法是将
TR;DR放在top 附近，这样它实际上就不会被跳过。 :-) -
完成。我一直在底部使用它，但你的论点是有道理的。 :)
-
将事物用于应有的用途。无论上下文如何，语义仍然很重要。
-
@Nit：我同意你关于语义的观点，我一直在提倡它。在这里，我唯一想看到的是，我们是否可以通过对规则做出例外来获得一些好处。使用表格方法，我不必每次都计算内容区域的高度。我找不到仅使用 css 来实现相同结果的方法。我想避免通过使用 javascript 或有大量媒体查询来支持不同的分辨率来计算高度。