CDATA表示其中的内容不是XML。

这是维基百科上的解释

当浏览器将标记视为XML时:

<script>
<![CDATA[
    ...code...
]]>
</script>

当浏览器将标记视为HTML时:

<script>
    ...code...
</script>

当浏览器将标记视为HTML，而您希望XHTML 1.0标记(例如)生效时。

<script>
//<![CDATA[
    ...code...
//]]>
</script>

不要在HTML4中使用CDATA，但你应该在XHTML中使用CDATA，如果你有像<和>这样的未转义符号，则必须在XML中使用CDATA。

基本上，它允许编写XHTML和HTML两种格式的文档。问题在于，在XHTML中，XML解析器将解释脚本标记中的&、<、>字符，并导致XML解析错误。因此，你可以用实体来编写JavaScript，例如:

if (a > b) alert('hello world');

但这是不切实际的。更大的问题是，如果以HTML格式读取页面，标记脚本“默认”被认为是CDATA，这样的JavaScript将无法运行。因此，如果希望同一页面使用XHTML和HTML解析器都没问题，则需要将脚本标记包含在XHTML中的CDATA元素中，而不是将其包含在HTML中。

这个技巧将CDATA元素的开始标记为JavaScript注释;在HTML中，JavaScript解析器会忽略CDATA标签(它是一个注释)。在XHTML中，XML解析器(在JavaScript之前运行)检测到它，并将直到CDATA结束的其余部分视为CDATA。

CDATA表示其中的内容不是XML。

它可以确保在页面中嵌入JavaScript(而不是外部引用)时XHTML验证能够正确工作。

XHTML要求页面严格符合XML标记要求。由于JavaScript可能包含具有特殊含义的字符，因此必须将其包装在CDATA中，以确保验证不会将其标记为畸形格式。

With HTML pages on the web you can just include the required JavaScript between and tags. When you validate the HTML on your web page the JavaScript content is considered to be CDATA (character data) that is therefore ignored by the validator. The same is not true if you follow the more recent XHTML standards in setting up your web page. With XHTML the code between the script tags is considered to be PCDATA (parsed character data) which is therefore processed by the validator. Because of this, you can't just include JavaScript between the script tags on your page without 'breaking' your web page (at least as far as the validator is concerned).

您可以在这里了解更多关于CDATA的知识，在这里了解更多关于XHTML的知识。