为什么 Firefox 关闭 null html 标签？答案

【问题标题】：Why is Firefox closing null html tags?为什么 Firefox 关闭 null html 标签？
【发布时间】：2016-12-14 11:12:40
【问题描述】：

我在 Firefox 中注意到，当我查看源代码时，它会将结束标记添加到空标记项，例如 <hr> 和 <img src="image.jpg">。在 Firefox 中查看源代码我看到了<hr></hr> 和<img src="image.jpg"></img>。该文档是 HTML 5 而不是 XHTML，并且标签是空标签，不应在 HTML 中严格关闭。那么为什么 Firefox 会这样做呢？

【问题讨论】：

Firefox 不会修改您的 HTML。您的 HTML 被解析并转换为 DOM。您的开发人员工具会向您显示该 DOM 的 HTML 表示形式，这与您实际查看源代码时看到的不同，后者应该是服务器的真实输出。如果您在查看源代码时看到这些内容，那将是从您的服务器发送的代码。

标签： html firefox tags

【解决方案1】：

我猜您不只是使用查看源代码，而是使用 Firefox 开发者工具浏览器检查器？这样做是因为每个标签都必须有一个结束，因此检查器会明确显示这个结束点。

【讨论】：

感谢您的回答。是的，我的意思是它出现在“检查元素”中，而不是“查看源代码”中（这是漫长的一天的结束）。但是，您并没有真正回答这个问题，只是说每个标签都必须有一个结尾。这肯定只适用于 XHTML。据我了解，在 HTML5 中关闭空标记实际上是不正确的语法。

【解决方案2】：

Chrome 55.0 和 Firefox 50.0.2 的代码检查框架在此页面中显示了 img 和 link 标签，对我来说既没有自闭合斜线也没有尾随闭合标签。（详细信息：我正在运行 64 位 Fedora 24，但预计在其他平台上会有相同的行为。）

也许您使用的是旧版本的 Firefox，但您正在检查的页面更有可能在开始时没有正确的 !DOCTYPE 标记以通知 Firefox 解释为 HTML5，正如您所指出的那样，它指定不要关闭 br、hr、img、input、meta、link 和其他几个必须在文档树中留下的标签。

【讨论】：