快捷導(dǎo)航

頁里面 CDATA的作用說明

更新時(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é)視為語法錯(cuò)誤?？梢酝ㄟ^添加 JavaScript 注釋避免該問題，如下所示。

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

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

/* ]]> */
</script>

JavaScript 使用 /* 和 */ 來標(biāo)志注釋的開始和結(jié)束。因此，CDATA 節(jié)對(duì) JavaScript 隱藏，但不對(duì)分析該頁的瀏覽器隱藏?？傊^好的做法是將樣式規(guī)則和腳本放在外部文件中，而從 XHTML 頁中引用這些文件。通過使用外部樣式表和腳本，能夠避免上述所有問題。

相關(guān)文章

SPAN元素和DIV元素有的區(qū)別
SPAN元素和DIV元素有的區(qū)別...
2007-02-02
CSS 使用Sprites技術(shù)實(shí)現(xiàn)圓角效果
使用CSS Sprites技術(shù)畫圓角，簡單的講就是把一個(gè)圓做在一張圖上，定義4個(gè)div，每個(gè)div取圖的一個(gè)角做背景，下面看具體實(shí)現(xiàn)方法。
2016-04-04
css 兼容性問題this.style.cursor=''''hand''''
css 兼容性問題this.style.cursor='hand'讓我們來CSS HACK
2008-11-11
css圖片切換效果代碼[不用js]
非常不錯(cuò)的圖片切換效果代碼，不用css，代碼比較精簡，推薦使用，注意一下多瀏覽器的兼容性
2008-09-09
css實(shí)現(xiàn)兼容各個(gè)瀏覽器的技巧的代碼
css實(shí)現(xiàn)兼容各個(gè)瀏覽器的技巧的代碼...
2007-08-08
Cookie的secure屬性引起單點(diǎn)登錄中的循環(huán)登錄問題
在實(shí)施單點(diǎn)登錄（SSO）時(shí),可能會(huì)遇到循環(huán)登錄問題,導(dǎo)致用戶無法正常使用系統(tǒng),本文首先介紹了單點(diǎn)登錄的基本概念和實(shí)現(xiàn)原理,然后詳細(xì)分析了循環(huán)登錄的產(chǎn)生原因,主要是由于Cookie的Secure屬性設(shè)置不當(dāng),在使用HTTP訪問時(shí)Cookie無法被傳遞導(dǎo)致
2024-09-09
在iframe中隱藏橫向滾動(dòng)條的方法大全
在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ī)屏幕尺寸測試——手機(jī)的實(shí)際顯示頁面的寬度
本文主要通過測試，得出手機(jī)端網(wǎng)頁實(shí)際顯示的寬度，給開發(fā)人員在做手機(jī)端開發(fā)的時(shí)候做一些參考，希望能幫到大家。
2016-04-04
firefox的超鏈接點(diǎn)擊去除擴(kuò)大的難看虛線的解決方法
在Firefox里，鼠標(biāo)點(diǎn)擊一個(gè)鏈接時(shí)，它的周圍即出現(xiàn)虛線畫出的邊框。這種例子遍地都是，在WordPress后臺(tái)寫這個(gè)文章的時(shí)候，隨手點(diǎn)一下右邊那些widget，就看到了這個(gè)問題（圖片的右上角）
2008-12-12