在 `` 元素中嵌套 `` 是否被認為是正確的 HTML？

巢狀

是否正確？在 內元素？

在 Bootstrap 中，通常使用水平形式。然而，人們可能會遇到需要避免為每個建立ID的情況。元素。作為一種解決方法，有些人考慮在

中嵌套一個

。在 內使用自訂 CSS 類別強制其行為為區塊元素。

具體而言，以下程式碼示範了此方法：

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="block">
      <span class="col-lg-2 control-label">Email</span>
      <div class="col-lg-10">
        <input type="email" class="form-control">
      </div>
    </label>
  </div>
</form>

以及自訂CSS：

.block {
  display: block;
}

正確的方法

根據HTML 規範， 是一個標籤。元素不允許包含

元素。來自規範：

“內容模型：
短語內容，但沒有後代可標記元素，除非它是元素的帶標籤控件，並且沒有後代標籤元素。”

短語內容指的是到在段落內層級標記文字的文字和元素，包括、、 和<span> 等。 <div>不包含在此清單中。 <p>因此，巢狀 </p> <div>在 <label> 內被認為是不正確的 HTML。它可能會導致意外行為或驗證錯誤。 </label> </div> </div></span>

以上是在 `` 元素中嵌套 `` 是否被認為是正確的 HTML？的詳細內容。更多資訊請關注PHP中文網其他相關文章！