jQuery 代码上的 W3 xHTML 验证错误！

Question

我有一些 jQuery 代码，如果文档中没有它，它可以很好地通过验证，但如果包含它，则会导致错误。有问题的代码在这里：

    $.ajax({
        type: "GET",
        url: "data.xml",
        dataType: "xml",
        success: function(xml) {

            //Update error info
            errors = $(xml).find("Errors").find("*").filter(function ()
            {
                return $(this).children().length === 0;
            });

            if (errors.length == 0)
            {
                statuscontent = "<img src='/web/resources/graphics/accept.png' alt='' /> System OK";
            }
            else
            {
                statuscontent = "<img src='/web/resources/graphics/exclamation.png' alt='' /> "+errors.length+" System error"+(errors.length>1?"s":"");
            }

            $("#top-bar-systemstatus a").html(statuscontent);

            //Update timestamp
            $("#top-bar-timestamp").html($(xml).find("Timestamp").text());

            //Update storename
            $("#top-bar-storename").html("Store: "+$(xml).find("StoreName").text());
        }
    });

页面上有大量其他 jQuery 代码，它们都工作正常并且不会导致错误，所以我不太明白这有什么问题。该页面不是“实时”的，因此不幸的是无法提供指向该页面的链接。

它列出的错误是

文档类型不允许此处使用元素“img”

它指向的代码行在这里：

 statuscontent = "<img src='/web/resources/graphics/accept.png' alt='' /> System OK";

它还存在下一个分配给 statuscontent 的问题

Answer 1

这是因为您使用的是 XHTML。这确实是无效的，因为验证器的行为就像脚本标记之间的代码是 XML（XHTML 是 XML 的子集）一样。这是无效的 XHTML，因为 img 标签不属于 script 标签内部。

要使其验证，请使用 CDATA 转义脚本中的任何 XML。

<script type="text/javascript">
// <![CDATA[

... your code
// ]]>
</script>

---

在 HTML 5 中这不是问题。如果您创建一个新网站，我建议您使用 HTML 5 而不是 XHTML。仅当您修改现有网站时才使用 XHTML。

Answer 2

请参阅与 HTML 5 的差异中的脚本和样式元素。

接下来请参阅XHTML 媒体类型文档中的类似部分 因为您几乎可以肯定正在为您的服务提供服务XHTML 作为 IE 兼容性的 HTML。

（那么您可能会做我在 99 年所做的事情，即举起双手，尖叫“如果我必须假装它是 HTML，那么使用 XHTML 有何意义？！”然后跑回 HTML 4.01 （或者可能在 HTML 5 上））