javascript ve xhtml

bugünki yazimizda JAvascript i bir Xhtml dosyasina nasil modern ve dogru sekilde entegre ederiz ona bakalim.

Cogu eski sayfalarda suna benzer bir Kod görürüz.

<script type="text/javascript"><!--
// eski browserlerden saklama yöntemi
// --></script>

Bu yöntem aslinda cok kisi istemesede bana göre artik cok eskilerde kaldi,
eskiden Browserler script ve noscript i desteklemedigi icin öle Browserlerden bu kodu saklama geregi duyulurdu.
Günümüzün ve gelecegin modern Browserleri (xhtml kurallarina sIkI tutan) ve Validatorlari bu kod ile Javascript’i görmez ve calistirmaz.

Onun icin yeni projelerde kullanilmasini önermiyorum.

Onun yerine cdata kullanalim.

<script type="text/javascript">
/* < !&#91;CDATA&#91; */
alert("hallo");
/* &#93;&#93;> */
</script>

cdata icindeki yaziyi validatorlar xhtml olarak görmez böylelikle hatada vermezler tabiki.
eski Browserler yine bir sorun olarak karsimiza cikiyor, onlar tabiki cdata yi tanimiyorlar onun icin onlardan cdata yi gizlememiz lazim.
nasilmi cok basit:

<script type="text/javascript">
/* < !&#91;CDATA&#91; */
alert("hallo");
/* &#93;&#93;> */</script>

cdata yi inline style kullandiginiz sayfalardada kullanmamiz gerekir.

nasilmi oda cok basit:

/* < !&#91;CDATA&#91; */

body{ background: #fff; }

/* &#93;&#93;--> */

Herseye ragmen yinede tüm Javascript ve css lerinizi extra ayri dosyalara yazip isinize yaradigi yerde include etmenizi tavsiye ederim.