内的 HTML 标签

Question

我在页面中有一个表格，其中包含左侧单元格中的复选框和右侧单元格中的描述。 “描述”包含 h4 标题和纯文本。我想将整个描述（ 内的所有内容）作为一个标签。

所以每一行看起来像这样：

<tr><td><input type="checkbox" name="entiries[]" value="i1" id="i1"></td>
<td><label for="i1">
<h4>Some stuff</h4>more stuff..
<h4>Some stuff</h4>more stuff..
</label>
</td></tr>

但是，这不起作用，文本不像标签一样并且不可单击。我正在使用 Firefox 3.6 来测试它。如果我删除

标签，它就会开始工作，但这会使格式变得复杂。 标签是否存在阻止 正常工作的情况？

Answer 1

块级元素（h4 所属）不允许出现在内联元素中，并且会导致未定义的行为。您可以改用 span 元素。

Answer 2

仅内联元素（其他标签元素除外）可能出现在标签内元素。

<!ELEMENT LABEL - - (%inline;)* -(LABEL) -- form field label text -->

— http://www.w3.org/TR/ html4/interact/forms.html#h-17.9.1

无论如何，将标题放在那里是没有意义的。

Answer 3

HTML 中的 元素是内联级元素，不能包含块级元素。

这可能就是导致您出现问题的原因。或者，您可以将标签放在

中：

<tr><td><input type="checkbox" name="entiries[]" value="i1" id="i1"></td>
<td><
<h4><label for="i1">Some stuff</label></h4>more stuff..
<h4><label for="i1">Some stuff</label></h4>more stuff..
</label>
</td></tr>

Answer 4

在 MDN 上，他们准确解释了为什么不在内部使用标题标签标签：

将标题元素放入其中会干扰多种辅助技术，因为标题通常用作导航辅助。如果需要在视觉上调整标签的文本，请改用应用于元素的 CSS 类。