html - 为什么这个幻像空标签会出现在 IE 开发者工具中？

Question

<>IE 的开发人员工具 HTML 选项卡中显示了一个幻像空标记 ( )。

这是实际 HTML 源代码的片段，删除了一些不相关的部分：

<td><img src="1.jpg"></td>
<!--start mo script-->
<div id="mo">
<script type="text/javascript" src="mo.js"></script>
</div>
<script type="text/javascript">
setTimeout('timeOutMO()', 5000);
function timeOutMO() { 
   document.getElementById("mo").innerHTML = "";
}
</script>
<!--end mo script-->
<td><img src="2.jpg"></td>

在 Firefox 的 Firebug 和 Chrome 的调试器中，节点都按预期显示，其中<td>、<div>、<script>和<td>节点作为兄弟节点。

但是在 IE 的调试器中，我得到了一个把事情搞砸的幻影空节点。它看起来像这样：

<td>
   <img src="1.jpg">
</td>
<!--start mo script-->
<>
   <div id="mo">
      <script type="text/javascript" src="mo.js"></script>
   </div>
   <script type="text/javascript">...</script>
   <!--end mo script-->
</>
<td>
   <img src="2.jpg">
</td>

IE 基本上将空标签内的divand视为标签的兄弟姐妹，而不是作为侄子和侄女。scripttd

有人知道为什么吗？

Answer 1

您所做的事情违反了 HTML 标准。每个浏览器都会以不同的方式处理类似的奇怪情况。为什么不将其包装在 td 中？