Apa itu CDATA dan Fungsinya

Apa itu CDATA dan Apa Fungsinya

Hari ini saya akan share mengenai CDATA yang sebelumnya menjadi pertanyaan saya setiap mengotak-atik sebuah template blog selalu menemukan kata itu khususnya ketika akan menyisipkan sebuah Java Script.

sekarang yang menjadi pertanyaan adalah untuk apa sih CDATA ini? dan apa fungsi CDATA? Contoh penulisannya seperti ini :

//<![CDATA[
const scrollElements = document.querySelectorAll(".ayoscroll");
    
const elementInView = (el, dividend = 1) => {
  const elementTop = el.getBoundingClientRect().top;

  return (
    elementTop <=
    (window.innerHeight || document.documentElement.clientHeight) / dividend
  );
};
//]]>

Apa itu CDATA?

Character Data atau bisa ditulis CDATA adalah sebuah tag pada sebuah dokumen atau file XML. Blogger adalah salah satu yang menggunakan XML pada templatenya. Untuk gambaran definisinya seperti itu dan didalam sebuah template berekstensi XML seperti pada template blogger ini, ada 2 jenis penulisan CDATA yaitu:

1. Penulisan pertama

<!-- diawali dengan -->
//<![CDATA[

<!-- diakhiri dengan -->
//]]>

2. Penulisan kedua

<!-- diawali dengan -->
/*<![CDATA[*/

<!-- diakhiri dengan -->
/*]]>*/

Fungsi CDATA

Setelah berselancar diinternet kesana kemari dan seperti biasa berujung bolak balik nyari di stackoverflow, akhirnya saya menemukan jawaban yang benar-benar langsung saya fahami mengingat ada problem pada file java script yang saya coba pada template blogger.

CDATA sendiri biasanya dipakai pada java script dan css sebagai pembungkus kode-kode tersebut supaya tidak diparse atau diuraikan oleh browser dan akan berbentuk seperti apa yang kita tulis pada css ataupun java script.

Berikut adalah kode-kode yang sering banget diparse atau diuraikan oleh browser.

Seperti itulah gambaran fungsi CDATA yang saya pelajari. Mungkin teman-teman ada yang memiliki informasi lain mengenai fungsi dari CDATA ini. Selanjutnya dari penulisan CDATA diatas, apakah perbedaan dari kedua penulisan CDATA tersebut?

Perbedaan CDATA Penulisan 1 dan 2

Kembali pada pertanyaan diatas mengenai apa sih bedanya penulisan CDATA pertama dan kedua. Dan berikut adalah jawaban salah satu member stackoverflow mengenai pertanyaan tersebut :

There is no difference.

// comments out the line

/* comments out code until it finds a */ … which is at the end of the line in your example.

Jadi, pada intinya tidak ada perbedaan pada kedua penulisan tersebut. untuk / menggunakan Single Line Comment dan */ menggunakan Multi-Line Comment.

Kesimpulan