頁(yè)里面 CDATA的作用說(shuō)明
更新時(shí)間：2007年03月18日 00:00:00 作者：
必須將 <script> 和 <style> 元素的內(nèi)容包裝到 CDATA 節(jié)中。
如果在腳本或樣式表中使用特殊字符（例如 < 或 &）或?qū)嶓w引用（例如 < 或 &），則需要將腳本或樣式表的內(nèi)容標(biāo)記為 CDATA（字符數(shù)據(jù)）節(jié)，如下所示。
<script type="text/javascript">
<![CDATA[
function isLess(a, b) {
if (a < b)
return true;
}
]]>
</script>
使用 CDATA 節(jié)并非對(duì)所有瀏覽器都有效。例如，Internet Explorer 會(huì)將 <script> 標(biāo)記中的 CDATA 節(jié)視為語(yǔ)法錯(cuò)誤?？梢酝ㄟ^(guò)添加 JavaScript 注釋避免該問(wèn)題，如下所示。
<script type="text/javascript">
/* <![CDATA[ */
function isLess(a, b) {
if (a < b)
return true;
}
/* ]]> */
</script>
JavaScript 使用 /* 和 */ 來(lái)標(biāo)志注釋的開(kāi)始和結(jié)束。因此，CDATA 節(jié)對(duì) JavaScript 隱藏，但不對(duì)分析該頁(yè)的瀏覽器隱藏?？傊?，較好的做法是將樣式規(guī)則和腳本放在外部文件中，而從 XHTML 頁(yè)中引用這些文件。通過(guò)使用外部樣式表和腳本，能夠避免上述所有問(wèn)題。
如果在腳本或樣式表中使用特殊字符（例如 < 或 &）或?qū)嶓w引用（例如 < 或 &），則需要將腳本或樣式表的內(nèi)容標(biāo)記為 CDATA（字符數(shù)據(jù)）節(jié)，如下所示。
<script type="text/javascript">
<![CDATA[
function isLess(a, b) {
if (a < b)
return true;
}
]]>
</script>
使用 CDATA 節(jié)并非對(duì)所有瀏覽器都有效。例如，Internet Explorer 會(huì)將 <script> 標(biāo)記中的 CDATA 節(jié)視為語(yǔ)法錯(cuò)誤?？梢酝ㄟ^(guò)添加 JavaScript 注釋避免該問(wèn)題，如下所示。
<script type="text/javascript">
/* <![CDATA[ */
function isLess(a, b) {
if (a < b)
return true;
}
/* ]]> */
</script>
JavaScript 使用 /* 和 */ 來(lái)標(biāo)志注釋的開(kāi)始和結(jié)束。因此，CDATA 節(jié)對(duì) JavaScript 隱藏，但不對(duì)分析該頁(yè)的瀏覽器隱藏?？傊?，較好的做法是將樣式規(guī)則和腳本放在外部文件中，而從 XHTML 頁(yè)中引用這些文件。通過(guò)使用外部樣式表和腳本，能夠避免上述所有問(wèn)題。
相關(guān)文章
SPAN元素和DIV元素有的區(qū)別...2007-02-02
CSS 使用Sprites技術(shù)實(shí)現(xiàn)圓角效果
使用CSS Sprites技術(shù)畫(huà)圓角，簡(jiǎn)單的講就是把一個(gè)圓做在一張圖上，定義4個(gè)div，每個(gè)div取圖的一個(gè)角做背景，下面看具體實(shí)現(xiàn)方法。2016-04-04
css 兼容性問(wèn)題this.style.cursor=''''hand''''
css 兼容性問(wèn)題this.style.cursor='hand'讓我們來(lái)CSS HACK2008-11-11![css圖片切換效果代碼[不用js]](http://img.jbzj.com/images/xgimg/bcimg3.png)
非常不錯(cuò)的圖片切換效果代碼，不用css，代碼比較精簡(jiǎn)，推薦使用，注意一下多瀏覽器的兼容性2008-09-09
css實(shí)現(xiàn)兼容各個(gè)瀏覽器的技巧的代碼
css實(shí)現(xiàn)兼容各個(gè)瀏覽器的技巧的代碼...2007-08-08
Cookie的secure屬性引起單點(diǎn)登錄中的循環(huán)登錄問(wèn)題
在實(shí)施單點(diǎn)登錄（SSO）時(shí),可能會(huì)遇到循環(huán)登錄問(wèn)題,導(dǎo)致用戶無(wú)法正常使用系統(tǒng),本文首先介紹了單點(diǎn)登錄的基本概念和實(shí)現(xiàn)原理,然后詳細(xì)分析了循環(huán)登錄的產(chǎn)生原因,主要是由于Cookie的Secure屬性設(shè)置不當(dāng),在使用HTTP訪問(wèn)時(shí)Cookie無(wú)法被傳遞導(dǎo)致2024-09-09
在iframe中隱藏橫向滾動(dòng)條的方法大全...2007-01-01
使用CSS不用程序?qū)崿F(xiàn)文字自動(dòng)截?cái)?用省略號(hào)代替
使用CSS不用程序?qū)崿F(xiàn)文字自動(dòng)截?cái)?用省略號(hào)代替...2007-11-11
手機(jī)屏幕尺寸測(cè)試——手機(jī)的實(shí)際顯示頁(yè)面的寬度
本文主要通過(guò)測(cè)試，得出手機(jī)端網(wǎng)頁(yè)實(shí)際顯示的寬度，給開(kāi)發(fā)人員在做手機(jī)端開(kāi)發(fā)的時(shí)候做一些參考，希望能幫到大家。2016-04-04
firefox的超鏈接點(diǎn)擊去除擴(kuò)大的難看虛線的解決方法
在Firefox里，鼠標(biāo)點(diǎn)擊一個(gè)鏈接時(shí)，它的周?chē)闯霈F(xiàn)虛線畫(huà)出的邊框。這種例子遍地都是，在WordPress后臺(tái)寫(xiě)這個(gè)文章的時(shí)候，隨手點(diǎn)一下右邊那些widget，就看到了這個(gè)問(wèn)題（圖片的右上角）2008-12-12