在<label>标签中使用<div>标签是否有效？

Question

我有一个需要进行样式设置的标签元素。由于该标签无法进行调整，因此在标签内部使用

或块级元素会很方便。因此，我想知道在HTML5中在标签内使用

是否有效。

- Amber

Answer 1

标签元素:

内容模型：
语义化的内容，但不包括有标记控件除非它是该元素的标记控件，并且没有标记元素的后代。

语义化内容:

a、abbr、area（如果是 map 元素的后代）、audio、b、bdi、bdo、br、button、canvas、cite、code、data、datalist、del、dfn、em、embed、i、iframe、img、input、ins、kbd、keygen、label、map、mark、math、meter、noscript、object、output、progress、q、ruby、s、samp、script、select、small、span、strong、sub、sup、svg、template、textarea、time、u、var、video、wbr、文本。

---

所以，不可以。Div 元素不能作为标签元素的后代。

- Quentin

---

谢谢，那如果我使用<span>并将其转换为display: block呢？猜想这也是无效的吧？ - Amber

display属性的值与HTML的有效性无关。 - Quentin

Answer 2

使用元素。我在这里画了一个简单的例子：

<label for="">click me <span>span</span> </label>

https://jsfiddle.net/hukxyxfq/1/

- wgallop

---

我也考虑过这个，但如果我需要添加一些边距/填充怎么办？那么我就需要像display:block这样的东西。那时它还有效吗？ - Amber

你可以让它显示为：block...请给出更多的示例代码，不要只是假设。 - wgallop