標籤元素內的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