在 `` 元素中嵌套 `` 是否被认为是正确的 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中文网其他相关文章！