css里面 CDATA 有什么用啊？

dakun 楼主

我看了很多都这样

<style type="text/css">
/*<![CDATA[*/
.................
/*]]>*/
</style>

这个是什么意思啊，有什么用呢？

snwebsite

1. 必须将 <script> 和 <style> 元素的内容包装到 CDATA 节中。
   
2. 
   
3. 如果在脚本或样式表中使用特殊字符（例如 < 或 &）或实体引用（例如 < 或 &），则需要将脚本或样式表的内容标记为 CDATA（字符数据）节，如下所示。
   
4. 
   
5. <script type="text/javascript">
   
6. <![CDATA[
   
7. 
   
8. function isLess(a, b) {
   
9.   if (a < b)
   
10.     return true;
    
11. }
    
12. 
    
13. ]]>
    
14. </script>
    
15. 
    
16. 使用 CDATA 节并非对所有浏览器都有效。例如，Internet Explorer 会将 <script> 标记中的 CDATA 节视为语法错误。可以通过添加 JavaScript 注释避免该问题，如下所示。
    
17. 
    
18. <script type="text/javascript">
    
19. /* <![CDATA[ */
    
20. 
    
21. function isLess(a, b) {
    
22.   if (a < b)
    
23.     return true;
    
24. }
    
25. 
    
26. /* ]]> */
    
27. </script>
    
28. 
    
29. JavaScript 使用 /* 和 */ 来标志注释的开始和结束。因此，CDATA 节对 JavaScript 隐藏，但不对分析该页的浏览器隐藏。总之，较好的做法是将样式规则和脚本放在外部文件中，而从 XHTML 页中引用这些文件。通过使用外部样式表和脚本，能够避免上述所有问题。

复制代码

转自:
http://www.microsoft.com/china/msdn/library/webservices/asp.net/ASPNETusStan.mspx?mfr=true  

dakun 楼主

先谢谢斑斑，那个链接内容太长了。还是。net，我看不懂。。。

就上面斑斑的回复吧

样式表中出现特殊字符，需要标记为字符数据，

但是 这个例子中

<script type="text/javascript">
<![CDATA[

function isLess(a, b) {
  if (a < b)
    return true;
}

]]>
</script>

以前不用cdata也没事啊？< 进行判断不是常事么

还有还有，“CDATA 节对 JavaScript 隐藏，但不对分析该页的浏览器隐藏...通过使用外部样式表和脚本”，这句

我是不是应该这么理解：

/*....*/  注释对浏览器不隐藏，如果出现在网页中，就意味着浏览器仍然可以解析执行，

那么注释就会解析？那我又糊涂了，注释里头写代码岂不是也执行了。。。。。。

但是如果注释在外联的js或者css文件中，那么对外联的js css文件中的注释就不解析？

snwebsite

上面的解释已经很清楚了.好比 <img src=xx> 不加引号,不关闭标签好象也不影响执行. 那你为什么还要那么做?

hero4u

不加就不加嘛。出错了再加。

michaellee23

那个cdata好象是表示里面是什么内容的，还有个缩写是说里面是纯文本的字，cdata表示里面是执行的语句。我记得好像是这么个意思，加上好象是更严格了。