Question

我有这个.html文件只包含这些内容：

<html><body><div class="main_text">
<h2>H2 text<h2/>
<p class="normal">
Look ma no h2 tag darnit!
</p>
</div></body></html>

当我在Safari中打开该文件时，Look ma no h2 tag darnit!部分看起来很大。我怀疑了。所以查看源代码，我得到了

<html><body><div class="main_text">
<h2>H2 text<h2/>
<p class="normal">
Look ma no h2 tag darnit!
</p>
</div></body></html>

所以它和上面的一样。

转到Develop -> Show Web Inspector，右键点击<html>，选择Edit as HTML，复制并粘贴即可：

<html><head></head><body><div class="main_text">
<h2>H2 text</h2><h2>
<p class="normal">
Look ma no h2 tag darnit!
</p>
</h2></div></body></html>

哇！这个额外的h2标签来自哪里？我在这里做错了什么？

如果您想知道，如果我在Web检查器中编辑出h2内容，页面会按照我的意图显示。

Answer 1

<h2>H2 text<h2/>应为<h2>H2 text</h2>。浏览器正在尝试从有两个开始标记而没有结束标记的情况下恢复。

Answer 2

您的第一个结束标记实际上是<h2/>，而不是</h2>。浏览器隐式关闭第一个<h2>，并对其格式错误的html进行灵活解释，然后根据不正确的自闭<h2/>启动一个新的。它正在合理地猜测应该关闭新的第二个<h2>。