语义标记和形式 [重复]答案

【问题标题】：Semantic Markup and Forms [duplicate]语义标记和形式 [重复]
【发布时间】：2011-01-04 09:04:12
【问题描述】：

目前，我的表单如下所示：

<label for="comment">Comment:</label>
<textarea name="comment" id="comment" rows="6" cols="20"></textarea><br />

<label for="checker">Check the box:</label>
<input type="checkbox" name="checker" id="checker" value="ON" />

是否应该将这些转换为 <dt>/<dd>，因为它们在某种程度上是定义列表，还是我太过分了？

【问题讨论】：

非常相似的问题在这里：stackoverflow.com/questions/519234/…
可以认为表单是表格、定义列表或只是普通列表。去掉<br/>标签；这不是语义。

标签： html semantics

【解决方案1】：

除非您希望此 HTML 被某些特定工具或其他自动化服务使用，否则 DL/DT 是不合适的。表单不是词汇表。

【讨论】：

【解决方案2】：

我倾向于使用字段集对相关字段进行适当的分组，然后在它们周围使用 OL。每个 LI 都有一个标签和一个输入。它们并不是真正的定义，而是事物的列表。

【讨论】：

【解决方案3】：

完全没问题，如果可以的话，就这样吧。

如果您需要在 label/input 对周围环绕容器，请添加 uls 和 lis。我认为它们是语义上更正确的选择。

【讨论】：

【解决方案4】：

除非有其他理由向您的表单添加定义，否则您会走得太远。定义在语义上不适用于表单。

【讨论】：