HTML

HTML解析器将把<script>和</script>之间的所有内容视为脚本的一部分。有些实现甚至不需要正确的结束标记;它们在“</”处停止脚本解释，根据规范，这是正确的。

在HTML5和当前的浏览器中，情况不再是这样了。

所以，在HTML中，这是不可能的:

<script>
var x = '</script>';
alert(x)
</script>

CDATA节根本没有任何作用。这就是你需要写作的原因

var x = '<' + '/script>'; // or
var x = '<\/script>';

或类似的。

这也适用于作为text/html格式的XHTML文件。(因为IE不支持XML内容类型，这在很大程度上是正确的。)

XML

在XML中，应用不同的规则。注意，(非IE)浏览器只在xmlmtl文档提供XML内容类型时使用XML解析器。

对于XML解析器来说，脚本标记并不比任何其他标记好。特别是，脚本节点可以包含非文本子节点，由"<"触发;“&”符号表示字符实体。

因此，在XHTML中，这是不可能的:

<script>
if (a<b && c<d) {
    alert('Hooray');
}
</script>

要解决这个问题，可以将整个脚本包装在CDATA部分中。这告诉解析器:“在本节中，不要将“<”和“&”作为控制字符。”防止JavaScript引擎解释“<!”[CDATA["和"]]>"标记，您可以将它们包装在注释中。

如果脚本不包含任何“<”或“&”，那么无论如何都不需要CDATA节。

这样旧的浏览器就不会解析Javascript代码，页面也不会中断。

向后兼容。一定会喜欢的。

这是X(HT)ML的问题。当你在JavaScript中使用像<和>这样的符号时，例如比较两个整数，这将不得不像XML一样被解析，因此它们将标记为标记的开始或结束。

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的知识。

CDATA告诉浏览器按原样显示文本，而不是将其呈现为HTML。

CDATA在任何XML方言中都是必需的，因为XML节点中的文本在作为JavaScript计算之前被视为子元素。这也是JSLint抱怨正则表达式中的<字符的原因。

参考文献

创建声明性XML UI语言 Web的未来:富客户端、富浏览器、富门户