Fungsi Dari CDATA Pada CSS dan Javascript

Mungkin sudah tidak asing lagi dengan yang namanya CDATA, kode CDATA ini biasanya dapat sobat blogger jumpai pada kode javascript atau css di template yang sobat pakai pasti ada beberapa kode yang menggunakan CDATA tersebut. Lantas kegunaan CDATA itu apa sih? Kegunaan CDATA ini adalah untuk mengirim sebuah perintah pada browser agar script tersebut tidak diparse atau diurai. Dengan kata lain, dengan pemberian XML ini pada suatu script, maka script tersebut tidak akan diparse atau diurai oleh browser.

Fungsi Dari CDATA Pada CSS dan Javascript

CDATA sering kali dijumpai pada saat mengotak-atk CSS dan Js, dan biasanya terletak diawal kode. Contohnya seperti kode js berikut:

jQuery
<script type='text/javascript'>
//<![CDATA[
(function printMsg() {
    var node = document.getElementById("footer-kode");
    node.innerHTML = "<a href='https://alpukoding.blogspot.com'>alpukoding </a>";
})();
//]]>
</script>

Diawali dengan //<![CDATA[ dan diakhiri dengan //]]>

Tidak hanya dijavascript, CSS juga sering dipakaikan. Salah satu contohnya adalh tag <b:skin/> yang ada ditemplate sobat. Dengan menggunakan CDATA tersebut, kode tidak akan diparse, sehingga masih dalam keadaan aslinya.

Kegunaan dari CDATA pada CSS dan Javascript

Dengan menggunakan CDATA script menjadi tidak diparse oleh browser, sehingga script masih dalam keadaan aslinya. Kode yang paling sering diparse adalah:

• < menjadi &lt;
• > menjadi &gt;
• " menjadi &quot;
• ' menjadi &apos;
• dll

Berikut perbedaan kode yang belum diparse dan setelah diparse:

Sebelum di parse atau diurai

jQuery
(function printMsg() {
    var node = document.getElementById("footer-kode");
    node.innerHTML = "<a href='https://alpukoding.blogspot.com'>alpukoding </a>";
})();

Setelah di parse atau diurai

jQuery
(function printMsg() {
    var node = document.getElementById("footer-kode");
    node.innerHTML = &quot;<a href='https://alpukoding.blogspot.com'>alpukoding </a>&quot;;
})();

Kedua kode diatas memiliki fungsi yang sama, walaupun yang satu sudah diparse dan yang satunya tidak.

Sebuah script diparse atau tidak itu sebenarnya tidak memiliki fungsi apa apa terhadap script. Tapi, dalam beberapa kasus, beberapa script memang harus diparse agar template bisa disave / disimpan