頁里面 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 頁中引用這些文件。通過使用外部樣式表和腳本,能夠避免上述所有問題。
如果在腳本或樣式表中使用特殊字符(例如 < 或 &)或?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)文章
CSS規(guī)則層疊時(shí)的優(yōu)先級(jí)算法
CSS 規(guī)則的優(yōu)先級(jí)是Web前端開發(fā)人員必須理解的一個(gè)概念,我們常用的添加樣式的方法有4種。2008-04-04用div+css解決出現(xiàn)水平滾動(dòng)條問題
用div+css解決出現(xiàn)水平滾動(dòng)條問題...2007-08-08CSS對(duì)Web頁面載入效率的影響分析總結(jié)
我們都熟知JavaScript可能會(huì)對(duì)Web頁面的加載與顯示產(chǎn)生較大的影響,因此我們常常關(guān)注JavaScript是不是會(huì)占用客戶端較多的資源,然而大部分都會(huì)忽略的一件有趣的事情,CSS也會(huì)對(duì)Web頁面載入的效率產(chǎn)生影響。2008-05-05