JavaScript删除了<img/>标记中的尾部斜杠

Question

我有以下JS代码：

validateConfigName.html('<img src="/rta/images/check-24.png" />');

但是当它在Firefox中执行时，我将其视为生成的代码：

<img src="/rta/images/check-24.png">

为什么？

Answer 1

在HTML格式中，<img>标记应该是<img>，在XHTML中它将是<img /> ...因此，根据您的网页使用的DOCTYPE，这会有所不同。

From the HTML 4.0 Spec for <img>：

  

开始标记：必需，结束标记：禁止

必须关闭

In XHTML元素：

  

良构是一种由[XML]引入的新概念。基本上这意味着所有元素必须具有结束标记或以特殊形式（如下所述）编写，并且所有元素必须正确嵌套。

Answer 2

生成的代码，如同Firebug一样？ Firebug对DOM进行操作而不是实际的源代码，这意味着它可能与您输入的代码看起来不完全相同。不过，它应该没有什么区别。

Answer 3

这是因为即使您的DOCTYPE是XHTML文档类型，您也不会提供XHTML。 XHTML文档不会被视为XHTML，除非您使用application/xhtml+xml HTTP标头将其作为application/xml，text/xml或Content-Type投放。

Answer 4

就是这样，浏览器根据使用的doctype呈现你的html代码。

虽然没有什么可担心的。