jquery - jQueryでのW3Cマークアップ検証エラー

Question

jQueryを使用したページで検証を実行すると、多くのエラーが発生します。終了タグをエスケープしましたが、エラーが発生し続けます。

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

Answer 1

XHTMLをDOCTYPEとして使用すると仮定すると、HTMLフラグメントを含むjsコードをCDATAでラップする必要があります。

<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要素であり、XHTMLを使用したPCDATA（内部に表示されるため）であり、安全のために、この方法でマークアップする必要があります。