javascript <![CDATA[的web标准使用方法

最新推荐文章于 2024-07-12 16:27:40 发布

weixin_34360651

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量64

点赞数

文章标签： javascript xhtml ViewUI

javascript <![CDATA[的web标准使用方法

根据W3C XHTML 1.0的规定：在XHTML中，因为<和&这两个符号有特殊意义（小于号用于标签的开始标记），所以这两个符号<和&需要转义成<和&。

比如下面的XHTML标准模式代码是错误，因为未使用转义字符（保存为itworks.xhtml文件，用firefox打开）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cmn-Hans-CN">
<head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
    <title>test</title>
    <script type="text/javascript">
        if(1<2)
        {
            alert('a');
        }
    </script>
</head>
<body>
<p>xhtml,It works.
</p>
</body>
</html>

如果在javascript中使用转义字符，javascript解释器不理解，无法执行。代码如下：

     <script type="text/javascript">
        if(1&lt;2)
        {
            alert('a');
        }
    </script>

按照W3C的规定（http://www.w3.org/TR/2002/REC-xhtml1-20020801/#h-4.8）：XHTML中javascript使用CDATA即可，XHTML解析器会把CDATA中的内容当作纯文本处理，不会把<理解为元素开始。

下面这段XHTML标准模式代码，符合W3C XHTML语法，能够执行（保存为itworks.xhtml文件，用firefox打开）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cmn-Hans-CN">
<head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
    <title>test</title>
    <script type="text/javascript">
    <![CDATA[
        if(1<2)
        {
            alert('a');
        }
    ]]>
    </script>
</head>
<body>
<p>xhtml,It works.
</p>
</body>
</html>

上面的代码使用的是XHTML标准模式：application/xhtml+xml，即浏览器按照XML语法解析。由于IE6、IE7、IE8不支持XHTML标准模式（http://www.cnblogs.com/sink_cup/archive/2010/01/11/IE6_IE7_IE8_not_support_xhtml_but_it_is_not_important.html）等其他原因，所以目前XHTML一般使用text/html兼容模式。

下面把代码改成text/html兼容模式（保存为itworks.html，用浏览器打开）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cmn-Hans-CN" lang="zh-cmn-Hans-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <script type="text/javascript">
        <![CDATA[
        if(1<2)
        {
            alert('a');
        }
        ]]>
    </script>
</head>
<body>
<p>html,It works.
</p>
</body>
</html>

如图所示，这段text/html代码是符合W3C XHTML语法标准的。

但是在IE6、Firefox、Chrome中都不执行上面这段javascript。

根据《HTML兼容性指导方针》（http://www.w3.org/TR/2002/REC-xhtml1-20020801/#C_4），W3C对于这种情况的说明是：

即：XHTML工作在XML标准模式下（application/xhtml+xml），使用<![CDATA[即可；XHTML工作在兼容模式下（text/html），请使用外部script文件。

为什么浏览器不支持text/html模式下的<![CDATA[呢？

weixin_34360651

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript <![CDATA[的web标准使用方法

javascript &lt;![CDATA[的web标准使用方法根据W3C XHTML 1.0的规定：在XHTML中，因为&lt;和&amp;这两个符号有特殊意义（小于号用于标签的开始标记），所以这两个符号&lt;和&amp;需要转义成&amp;lt;和&amp;amp;。比如下面的XHTML标准模式代码是错误，因为未使用转义字符（保存为itworks.xhtml文件，用fir...
复制链接

扫一扫