HTML - 为什么有些元素有 > 而不是 />？ [复制]答案

【问题标题】：HTML - why some elements have > instead of />? [duplicate]HTML - 为什么有些元素有 > 而不是 />？ [复制]
【发布时间】：2014-11-28 07:52:25
【问题描述】：

让我们看看引导资源：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

有时我会看到<input type="file"> 和更多其他标签。

没有用/>关闭HTML标签的原因是什么？

【问题讨论】：

因为/> 并不是你认为的HTML 中的意思，而在HTML5 中，它是相当多余的。
据我了解，html 规范都允许这两种符号。有些人使用 /> 来使他们的代码“干净”，而另一些人则不使用来节省字节。我个人属于第 2 组。
@BoltClock：实际上，我不会说“冗余”，而是“危险”。 <textarea/><p>caption</p> 所做的事情非常不同于人们从 XML 的经验中想象的。（即相当于<textarea><p>caption</p></textarea>）
@Amadan：确实 - 至少对于它的预期用途来说它是多余的，在其他任何事情上都是危险的。
因为<link>invalid</link> 所以嘿让我们只是<link> 或<link /> （如你所愿）。比我们有<script>valid code</script>，但我们也有<script src="js.js">，所以让我们让它：<script></script>，但我们也让它无效：<script src="js.js">invalid</script>。现在，<input>invalid</input> 如此简单 <input> 或 <input /> 随你喜欢。 <button> 需要文本节点，所以：<button>OK</button> 待续... :) 另请注意 HTML5 不那么严格，因此无需在 <img> 和其他自结束标签为<input>。

标签： html css twitter-bootstrap

【解决方案1】：

它们被称为自闭合标签或单例标签。这是您可以将其用作自动关闭的标签列表。

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

【讨论】：

Void elements 欢迎您来到 HTML5 的壮丽世界，您无需为其中任何一个使用 /。
它们被称为void elements：“可以使用自闭合标签语法”......但它不是必要的。这是个人选择的事情:)
不回答提出的问题。