为什么对HTML表单而不是表使用定义列表（DL，DD，DT）标签？

Question

最近，我遇到了一些例子，例如：

<dl>
  <dt>Full Name:</dt>
  <dd><input type="text" name="fullname"></dd>
  <dt>Email Address:</dt>
  <dd><input type="text" name="email"></dd>
</dl>

用于制作HTML表单。这是为什么？与使用表格相比有什么优势？

Answer 1

我想这取决于您确定语义，但是我认为：

应该使用与表单相关的属性，而不是定义列表。

<form>
  <label for="fullname">Full Name:</label>
  <input type="text" name="fullname" id="fullname">
  <label for="email">Email Address:</label>
  <input type="text" name="email" id="email">
</form>

标记中的“ for”属性应引用标记的“ id”属性。请注意，当标签与字段相关联时，单击标签将使相关字段成为焦点。

您还可以使用

之类的标签将表单的各个部分聚集在一起，并使用

为标题的字段集添加标题。