css - 用户注册表: tables VS list for layout

Question

我必须做一个用户注册表(两列的经典布局，左边是标签，右边是字段)。标签可以用英语或法语显示(因此可以使用不同的标签长度​​)。

在 HTML 级别，我应该这样做:

<form ...>
<ul>
<li>
  <label ...>...</label>
  <input ... />
</li>
</ul>
</form>

或

<form ...>
<table>
<tr>
  <td><label ...>...</label></td>
  <td><input ... /></td>
</tr>
</table>
</form>

?

在这种情况下，我个人会选择 table 布局，因为我发现更容易使用(标签和字段之间的垂直对齐)，并且它可以很容易地适应不同的标签长度​​。

然而，几年来，表格通常可以替换为 div/列表，以避免出于布局目的过度使用表格。我可以理解这一点(并且更喜欢带有层而不是一堆嵌套表格单元格的良好总体布局组织)，但这是否也适用于用户注册表单？

你的优点/缺点是什么？

Answer 1

我正在阅读诸如“tables vs div”之类的激烈争论。

我将使用 table，因为我想要一个简单、兼容、可维护的解决方案，提供良好的国际化支持(可变长度标签 => 可变左列宽度)。

这并不是说我将在布局中对所有内容使用表格，但在这个特定的注册表单案例中，是的。

参见:

• > <table> for layouts is evil right?
• > Should Tables be avoided in HTML at any cost?
• > http://iamelgringo.blogspot.fr/2009/02/tables-vs-css-css-trolls-begone.html
• > http://www.flownet.com/ron/css-rant.html
• > http://thinkvitamin.com/design/tables-the-next-evolution-in-css-layout/

加上我评论中的两个链接，让您自己了解何时需要使用表格。