jquery - jQuery 的 W3C 标记验证错误

Question

在我使用 jQuery 的页面上运行验证给了我很多错误。我转义了结束标签，但不断收到错误。

<script type="text/javascript">
    $(document).ready(function() {
        $("#main").html('<p>hello world<\/p>'); 
    });
</script>

Answer 1

假设您使用 XHTML 作为 DOCTYPE，您应该用 CDATA 包装包含 HTML 片段的 js-code

<script type="text/javascript">
    $(document).ready(function() {
        /*<![CDATA[*/
        $("#main").html('<p>hello world</p>');
        /*]]>*/
    });
</script>

为什么？：Mozilla Dev：在 XHTML 文档中正确使用 CSS 和 JavaScript

Answer 2

做这个：

<script type="text/javascript">
//<![CDATA[
    $(document).ready(function() {
        $("#main").html('<p>hello world</p>'); 
    });
//]]>
</script>

您可以在此处阅读有关该主题的更多信息。基本原理是 Javascript 标记通常是 CDATA 元素，PCDATA 和 XHTML（所以它看起来很里面），为了安全起见，它们需要以这种方式标记。