CSS、HTML Web 浏览器无效标记容差

Question

我刚刚在 Safari 中打开了一个网页，我看到了什么？整个文本是绿色的？但我只把标题设为绿色，所以常规文本应该是黑色的？然后我想：好吧，我用 Firefox 编写了这个网站。起初我认为这是 Safari 的错误解释，但我再次查看了我的代码，我看到了：

<h3>Caption<h3>
<p>BlacktextblacktextBlacktextblacktextBlacktextblacktext</p>

我还没有关闭h3标签。

所以 Safari 正确地解释了我的代码，而 Firefox 容忍了这个错字？在 Firefox 中，它可以正常工作：绿色标题黑色文本； Safari 说：“不不！你忘了关闭 h3？现在一切都是绿色的，处理它。”

我的问题是：主流浏览器的容忍度如何？浏览器可以容忍什么（错别字、无效等）？

Answer 1

实际上，两个浏览器都“容忍”了您的无效标记（无效，因为您有两个未闭合的<h3> 标签），它们只是以不同的方式这样做。 Gecko (Firefox) 决定 h3 不能包含 p 并在打开 p 之前关闭它们。另一方面，WebKit（Safari，Chrome）可能在文档正文的末尾关闭它们。

所有浏览器都会尽最大努力从 HTML 文档的最大混乱中恢复过来。他们的“容忍”水平或多或少是相等的，但结果会有所不同。最好不要依赖浏览器纠错。使用w3c validator 确保您的代码是有效的，并给予它在所有浏览器中正确解析的最佳机会。

Answer 2

浏览器对错误根本没有任何容忍度，但它们会尽最大努力纠正不正确的代码，以便呈现。

虽然有关于如何呈现正确代码的明确定义的标准，但对于如何解释不正确的代码则完全没有标准。任何浏览器都可以使用自己的计划来充分利用这种情况。

这两种浏览器都不能正确解释代码，因为代码本身是不正确的。所以，这两种浏览器都没有做错任何事情，它们只是做不同的事情。