W3C验证器(Wikipedia)不喜欢非void元素上的自关闭标记(以“/>”结尾的标签)。(空元素是那些可能永远不包含任何内容的元素。)它们在HTML5中仍然有效吗?
一些公认的void元素的例子:
<br />
<img src="" />
<input type="text" name="username" />
一些被拒绝的非空元素的例子:
<div id="myDiv" />
<span id="mySpan" />
<textarea id="someTextMessage" />
注意: W3C验证器实际上接受无效自关闭标记:作者最初有一个问题，因为一个简单的拼写错误(\>而不是/>);然而，一般来说，自关闭标签在HTML5中并不是100%有效的，并且答案详细阐述了各种HTML风格的自关闭标签的问题。
当前回答
(Theoretically) in HTML 4, <foo / (yes, with no > at all) means <foo> (which leads to <br /> meaning <br>> (i.e. <br>>) and <title/hello/ meaning <title>hello</title>). I use the term "theoretically" because this is an SGML rule that browsers did a very poor job of supporting. There was so little support (I only ever saw it work in emacs-w3m) that the spec advises authors to avoid the syntax. In XHTML, <foo /> means <foo></foo>. This is an XML rule that applies to all XML documents. That said, XHTML is often served as text/html which (historically at least) gets processed by browsers using a different parser than documents served as application/xhtml+xml. The W3C provides compatibility guidelines to follow for XHTML as text/html. (Essentially: Only use self-closing tag syntax when the element is defined as EMPTY (and the end tag was forbidden in the HTML spec)). In HTML5, the meaning of <foo /> depends on the type of element: On HTML elements that are designated as void elements (essentially "An element that existed before HTML5 and which was forbidden to have any content"), end tags are simply forbidden. The slash at the end of the start tag is allowed, but has no meaning. It is just syntactic sugar for people (and syntax highlighters) that are addicted to XML. On other HTML elements, the slash is an error, but error recovery will cause browsers to ignore it and treat the tag as a regular start tag. This will usually end up with a missing end tag causing subsequent elements to be children instead of siblings. Foreign elements (imported from XML applications such as SVG) treat it as self-closing syntax.
其他回答
(非void)自关闭标签在HTML5中有效吗?
当然，它们是有效的，只是稍加修改。
以自关闭标签<br>为例。
即使您编写了<br/>或<br/>，它们最终也会在浏览器中转换为<br>。
在以/>或/>结尾的自关闭标记中，/(斜杠)和空白将被忽略。
举个例子，让我们看看它在浏览器中是什么样子。
<p>这段有<br><br>和<br/><br/>然后<br/><br/> .</p>
上面的代码在浏览器中看起来如下图所示。
您可以看到所有转换为<br>。所以关闭自关闭标签是你的选择，但它们是完全有效的。
然而，在此声明一下，这是无效的:
<address class="vcard">
<svg viewBox="0 0 800 400">
<rect width="800" height="400" fill="#000">
</svg>
</address>
这里的斜杠将使它再次有效:
<rect width="800" height="400" fill="#000"/>
(Theoretically) in HTML 4, <foo / (yes, with no > at all) means <foo> (which leads to <br /> meaning <br>> (i.e. <br>>) and <title/hello/ meaning <title>hello</title>). I use the term "theoretically" because this is an SGML rule that browsers did a very poor job of supporting. There was so little support (I only ever saw it work in emacs-w3m) that the spec advises authors to avoid the syntax. In XHTML, <foo /> means <foo></foo>. This is an XML rule that applies to all XML documents. That said, XHTML is often served as text/html which (historically at least) gets processed by browsers using a different parser than documents served as application/xhtml+xml. The W3C provides compatibility guidelines to follow for XHTML as text/html. (Essentially: Only use self-closing tag syntax when the element is defined as EMPTY (and the end tag was forbidden in the HTML spec)). In HTML5, the meaning of <foo /> depends on the type of element: On HTML elements that are designated as void elements (essentially "An element that existed before HTML5 and which was forbidden to have any content"), end tags are simply forbidden. The slash at the end of the start tag is allowed, but has no meaning. It is just syntactic sugar for people (and syntax highlighters) that are addicted to XML. On other HTML elements, the slash is an error, but error recovery will cause browsers to ignore it and treat the tag as a regular start tag. This will usually end up with a missing end tag causing subsequent elements to be children instead of siblings. Foreign elements (imported from XML applications such as SVG) treat it as self-closing syntax.
我会非常小心地使用自结束标签，如下例所示:
var a = '<span/><span/>';
var d = document.createElement('div');
d.innerHTML = a
console.log(d.innerHTML) // "<span><span></span></span>"
我的直觉应该是<span></span><span></span>
自关闭标签在HTML5中是有效的，但不是必需的。
<br>和<br />都没问题。
