8赞

脚本标记中何时需要CDATA部分？

作者：我我檬檬我我186 | 2023-09-05 16:17

如何解决《脚本标记中何时需要CDATA部分？》经验，为你挑选了13个好方法。

在脚本标签中是否有必要使用CDATA标签,如果是这样的话？

换句话说,何时何地:

比这更好:

Michael Ridl.. 577

如果您需要将文档解析为XML(例如,当XHTML页面被解释为XML)并且您希望能够编写文字i<10而a && b不是i<10和时a && b,则需要CDATA部分,因为XHTML会将JavaScript代码解析为已解析的字符数据而不是默认的字符数据.对于存储在外部源文件中的脚本,这不是问题,但对于XHTML中的任何内联JavaScript,您可能希望使用CDATA部分.

请注意,许多XHTML页面从未打算被解析为XML,在这种情况下,这不会是一个问题.

有关该主题的优秀文章,请参阅http://javascript.about.com/library/blxhtml.htm

1> Michael Ridl..：

请注意,许多XHTML页面从未打算被解析为XML,在这种情况下,这不会是一个问题.

有关该主题的优秀文章,请参阅http://javascript.about.com/library/blxhtml.htm

除了"验证"之外,还有很多其他内容.如果遇到非法字符,大多数严格的XML解析器都不会通过该页面.它不仅仅是让W3C变得快乐而变得绿色而不是红色.

如果避免使用`&`和`<`字符,则不需要CDATA部分; 它在HTML和XHTML中都能正常工作.您可以通过将所有重要代码放在外部脚本中并仅使用内联脚本来轻松实现此目的.初始化变量(如果需要,可以在字符串文字中转义`&`/`<`到`\ x26` /`\ x3C`).

那么HTML5呢？

@Mathew Attle - 这是一个很好的问题.在一个单独的线程上提出一个很好的问题,以确保它获得所需的关注.

html5不是xhtml,感谢上帝,所以这不是必需的

@Loren:然后它仍然完全是关于验证.用户代理拒绝无效XML的程度是正交的.

@chief:错误,html5包含一个xhtml方言,通过使用xhtml mime类型提供(对于本地文件,即.xhtml文件结尾)

@Mathew Attlee:根据W3C,[有HTML5的XML语法](http://www.w3.org/TR/html5-diff/#syntax).使用XML语法时,情况将是相同的.

@CoffeeAddict字符数据是纯文本.像``这样的东西按原样使用.解析的数据被解析为HTML(或XML):``" `被解释为```然后解析器停止解析,因为它遇到了结束标记.

2> Shadow2531..：

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

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

当浏览器将标记视为HTML并且您希望XHTML 1.0标记(例如)进行验证时.

就代码安全而言,最好用块注释`/*...*/`包围你的CDATAs,否则如果删除换行符,代码就会破坏

3> user12344455..：

HTML

HTML解析器将处理脚本之间的所有内容作为脚本的一部分.~~有些实现甚至不需要正确的结束标记; 他们停止脚本解释为" ",根据规格~~是正确的.




  更新在HTML5和当前浏览器中,情况不再如此.


因此,在HTML中,这是不是可能:

';
alert(x)



一CDATA节完全没有效果.这就是你需要写作的原因

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


或类似的.

这也适用于作为的XHTML文件text/html.(由于IE不支持XML内容类型,因此大多数情况都是如此.)

XML

在XML中,适用不同的规则.请注意,如果XHMTL文档以XML内容类型提供,则(非IE)浏览器仅使用XML解析器.

对于XML解析器,script标记并不比任何其他标记更好.特别地,脚本节点可以包含由" <" 触发的非文本子节点; 并且" &"符号表示字符实体.

所以,在XHTML,这是不是可能:




要解决此问题,您可以将整个脚本包装在一个CDATA部分中.这告诉解析器:'在本节中,不要将" <"和" &"视为控制字符.为了防止JavaScript引擎解释" "和" ]]>"标记,您可以将它们包装在注释中.


如果您的脚本不包含任何" <"或" &",则CDATA无论如何都不需要任何部分.

        
@SalmanA这是HTML的奇怪之处,官方称为*ETAGO*.了解更多:http://mathiasbynens.be/notes/etago(虽然文章指出没有浏览器曾经实现过这个功能,我很确定它给我带来了一些麻烦.也许在其他一些工具中) 
声明"CDATA部分完全没有效果"并不适用于(建议的)HTML5,它识别构造.http://www.w3.org/TR/html5/syntax.html#cdata-sections 
@danorton很有意思.我认为这是一个非常丑陋的组合.但是对脚本内容仍然没有影响. 

4> ondra..：
基本上它是允许编写既是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.

        

5> Franz..：
这是一个X(HT)ML的事情.当您在JavaScript中使用符号<和符号时>,例如,为了比较两个整数,这必须像XML一样进行解析,因此它们将标记为标记的开头或结尾.

CDATA意味着以下行(所有内容]]>都不是XML,因此不应该这样解析.

        

6> Loren Segal..：
难道不是在HTML4使用CDATA,但你应该在XHTML使用CDATA和必须,如果你有一个像<和>转义符号使用CDATA在XML.

        
CDATA在HTML4中无效.简单地说,它不是语法的一部分.CDATA是XML的语法,XHTML是XML子集.因此,它应该只在XML(及其子集)中使用.另一方面,HTML不是XML. 
为什么不在HTML4中呢？ 

7> LBushkin..：
当您在页面中嵌入JavaScript而不是外部引用时,它可以确保XHTML验证正常工作.

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


  
    使用网页上的HTML页面,您可以在标签之间包含所需的JavaScript.在网页上验证HTML时,JavaScript内容被视为CDATA(字符数据),因此验证程序会忽略它.如果您在设置网页时遵循最新的XHTML标准,则情况并非如此.使用XHTML,脚本标记之间的代码被认为是PCDATA(解析的字符数据),因此由验证器处理.
    
    因此,您不能只在页面上的脚本标记之间包含JavaScript而不会"破坏"您的网页(至少就验证程序而言). 
  


您可以在此处了解有关CDATA的更多信息,以及有关XHTML的更多信息.

        

8> Alex Beardsl..：
CDATA表示其中的内容不是XML.

这是对维基百科的解释

        

9> Chris Shaffe..：
当您要求严格的XHTML合规性时,您需要CDATA,并且&rsands不会被标记为无效字符.

        

10> gehsekky..：
在xhtml验证期间避免xml错误.

        

11> Ikaso..：
CDATA告诉浏览器按原样显示文本,而不是将其呈现为HTML.

        

12> 小智..：
CDATA表示其中的内容不是XML.

        

13> Paul Sweatte..：
CDATA在任何XML方言中都是必需的,因为XML节点中的文本在被评估为JavaScript之前被视为子元素.这也是JSLint抱怨正则<表达式中的字符的原因.

参考


创建声明性XML UI语言
网络的未来:丰富的客户端,丰富的浏览器,丰富的门户网站



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        仅使用递增,循环,赋值,零的减法运算
                    

                    
                                                
                        如何解决《仅使用递增,循环,赋值,零的减法运算》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        HttpClient PostAsync()永远不会返回响应
                    

                    
                                                
                        如何解决《HttpClientPostAsync()永远不会返回响应》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在React Native Android开发模式下禁用横向模式？
                    

                    
                                                
                        如何解决《如何在ReactNativeAndroid开发模式下禁用横向模式？》经验，为你挑选了6个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        无法在AppCompatActivity中解析findViewByID
                    

                    
                                                
                            
                        
                                                
                        如何解决《无法在AppCompatActivity中解析findViewByID》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何从群集的Spark节点使用Akka actor
                    

                    
                                                
                        如何解决《如何从群集的Spark节点使用Akkaactor》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在Go中读取打包的二进制数据？
                    

                    
                                                
                        如何解决《如何在Go中读取打包的二进制数据？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Spark中的treeReduce与reduceByKey
                    

                    
                                                
                        如何解决《Spark中的treeReduce与reduceByKey》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        ESP8266 WiFiClient简单的HTTP GET
                    

                    
                                                
                        如何解决《ESP8266WiFiClient简单的HTTPGET》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在大型电子表格中每三个单元格插入一行
                    

                    
                                                
                            
                        
                                                
                        如何解决《如何在大型电子表格中每三个单元格插入一行》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        工具栏覆盖并在状态栏上投射阴影
                    

                    
                                                
                            
                        
                                                
                        如何解决《工具栏覆盖并在状态栏上投射阴影》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        python错误:靠近"From":语法错误
                    

                    
                                                
                        如何解决《python错误:靠近"From":语法错误》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        npm与UNMET PEER DEPENDENCY有关,与本地反应相关
                    

                    
                                                
                        如何解决《npm与UNMETPEERDEPENDENCY有关,与本地反应相关》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Access-Control-Allow-Origin:凭证标志为true时不允许使用"*",但没有Access-Control-Allow-Credentials标头
                    

                    
                                                
                            
                        
                                                
                        如何解决《Access-Control-Allow-Origin:凭证标志为true时不允许使用"*",但没有Access-Control-Allow-Credentials标头》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        清理这个角色向量的优雅方法是什么？
                    

                    
                                                
                        如何解决《清理这个角色向量的优雅方法是什么？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        AVPreviewLayer的内容重力未填充图层
                    

                    
                                                
                            
                        
                                                
                        如何解决《AVPreviewLayer的内容重力未填充图层》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何以编程方式将内容类型添加到索引？
                    

                    
                                                
                            
                        
                                                
                        如何解决《如何以编程方式将内容类型添加到索引？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        位掩码左移
                    

                    
                                                
                        如何解决《位掩码左移》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        J检查板
                    

                    
                                                
                        如何解决《J检查板》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在node.js https/request Client中使用https代理？
                    

                    
                                                
                        如何解决《如何在node.jshttps/requestClient中使用https代理？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        什么是jQuery相当于offsetHeight？
                    

                    
                                                
                        如何解决《什么是jQuery相当于offsetHeight？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                

            
        
    

    
        吐了个 "CAO" !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
























    

    
        
            
            
                
                    
                
            

            
                我我檬檬我我186            

            
                这个屌丝很懒，什么也没留下！            
            
            

                                
                    
                    关注作者
                            

        
    


    
        Tags | 热门标签
        
            
                                
                    actionscrip
                
                                
                    bash
                
                                
                    c#
                
                                
                    c++
                
                                
                    c语言
                
                                
                    erlang
                
                                
                    flutter
                
                                
                    go
                
                                
                    golang
                
                                
                    java
                
                                
                    javascript
                
                                
                    lua
                
                                
                    node.js
                
                                
                    perl
                
                                
                    php
                
                                
                    python
                
                                
                    scala
                
                                
                    typescript
                
                                
            
        
    


    
        RankList | 热门文章
        
            
                                
                    1仅在函数或构造函数实现中允许参数初始化
                
                                
                    2如果python中的语句没有打印
                
                                
                    3使用原型[javascript]的未定义结果
                
                                
                    4当我在rubymine中为我的项目添加ruby SDK时出错
                
                                
                    5python 2.7：函数中的'newline'
                
                                
                    6在使用gradle编译android库时如何禁止警告？
                
                                
                    7为什么Notepad ++中的[[:alpha:]]也匹配中文单词？
                
                                
                    8按特定值对python中的JSON进行排序
                
                                
                    9GitHub：无法加载最新的提交信息
                
                                
                    10删除列表中字符串的所有扩展名
                
                                
                    11检查pandas Series是否至少有一个项大于一个值
                
                                
                    12在where子句上使用mysql boolean
                
                                
                    13Aurelia导航栏虚拟机不工作
                
                                
                    14使用Stax Parser将巨大的xml文件> 10GB拆分成小块
                
                                
                    15如何通过sql查询更改wordpress数据库中的url永久链接
                
                                
                    16一个补码架构上的负零行为？
                
                                
                    17python是基于堆栈的意思是什么？
                
                                
                    18在Delphi 7中调用.net 4.0构建的dll
                
                                
                    19你如何在Swift函数中放置一个guard语句？
                
                                
                    20如何以编程方式在xiaomi中启用我的应用程序的自动启动