スクリプトタグ内でCDATAセクションが必要になるのはいつ？使い方と注意点を解説

CDATAセクションとは

スクリプトタグ内にCDATAセクションを記述するのは、< や >、& といった記号がパーサーによって誤って解釈されるのを防ぐためです。ただし、HTMLではCDATAセクションは不要です。必要となるのは主にXHTMLやXML文書の場合です。

スクリプトタグ内へのCDATAセクションの記述例は以下の通りです。

<script>
    //<![CDATA[
        document.write(">");
    //]]>
</script>

注意：CDATAは現在非推奨

重要なポイントとして、CDATAセクションは現在非推奨（deprecated）となっています。新しいコードでは使用しないようにしましょう。現代のHTML5では、scriptタグ内の内容はそのままテキストとして扱われるため、CDATAで囲む必要はありません。

XMLにおけるCDATAセクションの役割

CDATAセクション（CDATA Section）インターフェースは、XML文書内でエスケープ処理を必要としない長いテキストを含めるために使われます。通常、XMLでは < や & のような記号はエンティティ参照（<、&）として記述する必要がありますが、CDATAセクション内に記述すればエスケープせずにそのまま書くことができます。

CDATAセクションの基本的な構文は次のようになります。

<![CDATA[ ... ]]>

この構文の中に記述された内容は、パーサーによってマークアップとして解釈されず、純粋な文字データとして扱われます。特に、比較演算子やアンパサンドを多用するJavaScriptコードや数式などをXML文書に埋め込む際に便利でした。