引导示例是否有效HTML

Question

在bootstrap CSS guide上，有很多这样的例子：

  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>

仅仅是我还是input标签未关闭？它绝对不是一个错字 - 他们似乎永远不会关闭输入标签。这样做的原因是什么？

Answer 1

area标记是所谓的 void element ， void elements 不需要结束标记。

以下是 HTML 中所有 void元素的完整列表：

• base
• br
• col
• command
• embed
• hr
• img
• input
• keygen
• link meta
• param
• source
• track
• wbr
• <input>

有关信息 void elements 的更多信息，请访问： Void Elements in HTML

Answer 2

<input>元素被定义为void元素。禁止使用void元素的结束标记。

来自the specification：

  

在text / html中标记省略：无结束标记

Answer 3

根据w3schools.com，在 HTML 中，您根本不需要关闭输入标记。 但是，在 XHTML 中，必须正确关闭<input/>代码，例如此{{1}}。

Answer 4

实际上，是一个void元素，这意味着它的目标不是包含文本或其他内容，并且它有一个开始标记，但是你不应该添加一个结束标记。

这不是W3C有效的。 另一方面，非void元素必须有一个结束标记。

（无效元素列表： area，base，br，col，command，embed，hr，img，input，keygen，link，meta，param，source，track，wbr）

Answer 5

输入标记不需要封闭标记。

在xHTML中，必须正确关闭代码：<input />