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

Question

我有一个label元素，其内容需要一些样式。此标签无法调整，因此在标签内使用<div>或块级元素会很方便。因此，我想知道在HTML5中的<div>中使用<label>是否有效。

Answer 1

the label element：

  

内容模型：
  短语内容，但没有后代可标记元素，除非它是元素的标记控件，并且没有后代标签元素。

phrasing content：

  

一个abbr区域（如果它是地图元素的后代）音频b bdi bdo br按钮画布引用代码数据datalist del dfn em embed i iframe img input ins kbd keygen label map mark math meter noscript object output output q ruby s samp脚本选择小跨度强子模板textarea时间u var video wbr text

所以没有。 Div元素可能不是标签的后代。

Answer 2

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

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

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