加载<div/>和<div></div>不同

Question

我有两个div，我用Ajax在每个人中加载了它们。如果我把两个都写成这样。

<div id="informCandidacyId"/>
<div id="idDivFiles"/>

两者的加载过程都会发生，因为我可以调试对控制器的调用，但只有一个视图被添加到DOM中。

另一方面，如果我这样写div。

<div id="informCandidacyId"></div>
<div id="idDivFiles"></div>

这两个load调用都工作得很好。

所以我的问题是，当我们加载html代码时，在声明中关闭标签和在另一个标签中关闭有什么不同？

Answer 1

不同之处在于<div>不是一个自结束标记。虽然一些浏览器可能会接受并更正您的代码，但它不会进行验证，这是一种糟糕的做法。

W3C Spec

Answer 2

根据HTML5 specification，<div>元素是一个normal element，并且只有void elements (像<br>)或foreign elements (来自MathML和SVG命名空间)在开始标记中可以有"/“(U+002F)字符。

所以你的代码是无效的，这解释了加载过程中的差异。