Web 表单：更好的表格或列表答案

【问题标题】：Web forms: better tables or listsWeb 表单：更好的表格或列表
【发布时间】：2010-04-01 10:35:45
【问题描述】：

使用表格或列表创建 Web 表单的更好做法是什么？

问候

贾维

【问题讨论】：

【解决方案1】：

都没有。

表格只是表格。它可能由段落、简单块 (div) 或其他内容组成。

有时表单是表格或列表，但不经常。

【讨论】：

【解决方案2】：

没有这样的规则 :-) 您应该将表格用于表格内容，不应该将其用于页面布局，因为这是一种不好的 html 做法。

你会在谷歌上找到很多关于它的信息。表格与 DIV

【讨论】：

【解决方案3】：

这取决于您的上下文。如果我们谈论的是带有标签和输入字段的 Web 表单，那么使用 div 的结构最适合组合概念

<div>
   <label... for="..">
   <input type="text"...>
</div>

<subcontrol...>

<div>
   <label... for="..">
   <input type="text"...>
</div>

然后使用 CSS s.t. 对其进行正确格式化。表格中的东西很好地对齐

Label:         input field
Label2:        input field

因此，因为正如您在上面的“HTML”中看到的那样，“子控件”可能是对包含相同 div 结构的控件的任意引用，因此最终生成的页面看起来会很好。

这同样适用于表格，但组合的概念已经变得更加混乱，因为结果是嵌套表格。此外，一些屏幕阅读器经常会遇到嵌套表格的问题（正如许多人所说，但从未尝试过）。

结论：这真的取决于你如何习惯它。我个人更喜欢 div 和 CSS，因为一旦定义了整体布局，您就可以更好地控制它。

【讨论】：