頁(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)文章
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合4
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合4...2006-12-12CSS規(guī)則層疊時(shí)的優(yōu)先級(jí)算法
CSS 規(guī)則的優(yōu)先級(jí)是Web前端開(kāi)發(fā)人員必須理解的一個(gè)概念,我們常用的添加樣式的方法有4種。2008-04-04用div+css解決出現(xiàn)水平滾動(dòng)條問(wèn)題
用div+css解決出現(xiàn)水平滾動(dòng)條問(wèn)題...2007-08-08CSS對(duì)Web頁(yè)面載入效率的影響分析總結(jié)
我們都熟知JavaScript可能會(huì)對(duì)Web頁(yè)面的加載與顯示產(chǎn)生較大的影響,因此我們常常關(guān)注JavaScript是不是會(huì)占用客戶端較多的資源,然而大部分都會(huì)忽略的一件有趣的事情,CSS也會(huì)對(duì)Web頁(yè)面載入的效率產(chǎn)生影響。2008-05-05網(wǎng)頁(yè)中英文混排行高不等問(wèn)題的解決方法
癥狀描述:在ie下(6或7,8沒(méi)有試過(guò))當(dāng)出現(xiàn)中英文混排,都采用默認(rèn)字體時(shí),并使用 li 列表做float時(shí),會(huì)出現(xiàn)如上圖的癥狀,文字排列上下不對(duì)齊的情況。2008-08-08無(wú)限級(jí)CSS樹(shù)形菜單 Ver2.0
兩年前曾寫了棵CSS無(wú)限級(jí)樹(shù)形菜單: 那時(shí)寫的樹(shù)存在一個(gè)致命弱點(diǎn):數(shù)據(jù)量比較大時(shí),很容易導(dǎo)致瀏覽器卡死. 這兩天重寫了一下代碼,除了在CSS的寫法上與前一次基本一樣外,javascript代碼部分可以說(shuō)是脫胎換骨了,哈哈.2008-05-05