Question

当然，这个标签不正确：

<b><i>Hi</b></i>

然而，它仍然在现代浏览器中完美运行（至少在最新版本的chrome中）。

这种错误的代码顺序会产生什么负面影响？

另外，看看这个：

<table><tr><td>Hi</td></table></tr>

浏览器将如何处理此代码？

Answer 1

通常，浏览器会尝试理解您的意思。

“负面影响”是无法预测的。

Answer 2

现代浏览器会尝试假设您要对代码执行的操作。根据我对浏览器的拙见，我注意到了这一点：

每个开始标记都有一个结束标记。每个结束标记必须有一个开始标记，如果没有，那么就不需要有结束标记。如果缺少结束标记，浏览器将为您完成代码并添加结束标记（这是棘手的部分）。

结束标记很可能是在打开新部分或新标签集合之前。

如果您的代码是：

<table> 
  <tr> 
    <td> 
       Hi
    </td> 
  </table> 
</tr>

然后它将被解释为：

<table>//opening OK
  <tr>//opening OK
    <td>//opening OK
       Hi
    </td>//closing an opened tag - OK
  </table>//closing table, we still have <tr> opened, close <tr> first by adding </tr> before this tag /*now '<tr>' has been closed already and then </table> is closed*/     
</tr>//this closing tag doesn't have an opening, remove it.

语法自动更正结果：

<table> 
  <tr> 
    <td> 
       Hi
    </td> 
  </tr>
</table>

然而，有些浏览器会像IE7那样区别对待。它不会知道你的意图是什么，哪个元素是另一个元素的父元素。

在以下示例中，假设我们忘记关闭代码。现在，<c>应该是还是兄弟姐妹的孩子？

<a>
 <b> // doesn't have a closing
  <c>
  </c>
</a>

Firefox和Chrome将和<c>视为我想要的兄弟姐妹并显示所有项目，但在IE7中它只显示了一个项目，因为它假定<c>是的孩子1}}。

因此我假设firefox和chrome在开幕之前为我关闭<c>这是我的意图。

虽然IE在作为的子项打开后包含了所有内容，但后续所有元素都在下，并且只显示了一个列表项。

Firefox和Chrome：

<a>
 <b>
 </b> // auto close here as expected
 <c>
 </c>
</a>

IE：

<a>
 <b>
  <c>
  </c>
 </b>//auto close, they closed <b> just before closing the parent <a> logical but somehow falsy!
</a>

希望有所帮助，我希望我的理解在某种程度上是准确的。

HTML / PHP - 错误的结束标记顺序

2 个答案: