标签元素内的html

Question

是否可以在标签元素中包含html元素（如img，span或div）？

在我的页面中，我有单选按钮，允许用户在不同的布局之间进行选择，并且我希望显示一个可视标签而不是纯文本。

Answer 1

在HTML 4.01，所述label元件可以包含“内联元件”，其中包括img和span但不包括div。然而，这是太宽松了，HTML5 PR说：“措辞的内容，但没有后代lablelable元素，除非它是元素的标签控制，并且没有后代label元素。”这里“措辞内容”大体上与“行内元素”相同。

从实践方面来看，省略所有交互式内容（如链接）是最安全的。尽管效果原则上是明确定义的，但具有以不同方式行事的内容的可用性差，例如，因此点击标签内的链接会导致链接被点击标签中的其他地方，并关注相关表单字段（并可能切换其设置）。

但是，就元素嵌套而言，在标签内使用图像没有问题。对于可访问性，图像应该有alt文本或即使未看到图像，标签的其余部分也应该可以理解。您可以使用span对与其他标签不同的部分进行样式设置。

Answer 2

是的，你可以使用标签标签内的任何东西。

Answer 3

根据https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label，在标签元素内部允许短语内容标签。该列表包含img和span标签，但不包含div。对于措辞内容标记的完整列表，Mozilla的检查出的参考：

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content