Pertimbangan XML
Untuk memastikan penggunaan yang benar saat Anda menggunakan XML, Anda perlu memperhatikan operasi mana yang diperbolehkan dan operasi mana yang tidak didukung oleh XML. Harap baca bagian ini dengan cermat untuk mempelajari lebih lanjut!Cobalah »Berikut adalah daftar teknik yang harus Anda hindari saat bekerja dengan XML.
Internet Explorer - Pulau Data XML
Apa itu? Pulau data XML adalah data XML yang tertanam di halaman HTML.
Mengapa Anda harus menghindari penggunaannya? Pulau data XML hanya tersedia di browser Internet Explorer.
Dengan apa menggantinya? Anda harus menggunakan JavaScript dan XML DOM dalam HTML untuk mengurai dan menampilkan XML.
Untuk informasi lebih lanjut tentang JavaScript dan XML DOM, kunjungi tutorial XML DOM kami.
Contoh Pulau Data XML
Contoh ini menggunakan dokumen XML "cd_catalog.xml".
Ikat dokumen XML ke tag <xml> di dokumen HTML. Atribut id mendefinisikan pengidentifikasi pulau data, sedangkan atribut src menunjuk ke file XML:
Contoh
Contoh ini hanya berlaku untuk browser IE
<html><body><xml id="cdcat" src="cd_catalog.xml"></xml><table datasrc="#cdcat"><tr><td><span datafld="ARTIST"></ span></td><td><span datafld="TITLE"></span></td></tr></table></body></html>
Atribut datasrc dari tag <table> mengikat tabel HTML ke pulau data XML.
Tag <span> memungkinkan atribut datafld untuk mereferensikan elemen XML yang akan ditampilkan. Dalam contoh ini, referensinya adalah "ARTIST" dan "TITLE". Saat XML dibaca, baris tabel terkait dibuat untuk setiap elemen <CD>.
Apa itu? Internet Explorer 5 memperkenalkan perilaku. Perilaku adalah cara untuk menambahkan perilaku ke elemen XML (atau HTML) dengan menggunakan gaya CSS.
Mengapa Anda harus menghindari penggunaannya? Hanya Internet Explorer yang mendukung atribut behavior.
Apa yang harus digunakan? Gunakan JavaScript dan XML DOM (atau HTML DOM) sebagai gantinya.
Elemen <style> dalam file HTML berikut mendefinisikan perilaku untuk elemen <h1>:
<html><head><style type="text/css">h1 { behavior: url(behave.htc) }</style></head><body><h1>Arahkan mouse ke atas saya!!!</h1 ></tubuh></html>Di bawah ini adalah dokumen XML "behave.htc" (file ini berisi JavaScript dan event handler untuk elemen tersebut):
<attach for="element" event="onmouseover" handler="hig_lite" /><attach for="element" event="onmouseout" handler="low_lite" /><script>fungsi hig_lite(){element.style. color='red';}fungsi low_lite(){element.style.color='blue';}</script> Cobalah »Contoh 2 - Simulasi Mesin Ketik
Elemen <style> dalam file HTML berikut mendefinisikan perilaku untuk elemen dengan id "mengetik":
<html><head><style type="text/css">#typing{behavior:url(typing.htc);font-family:'courier new';}</style></head><body>< span id="typing" speed="100">IE5 memperkenalkan perilaku DHTML. Perilaku adalah cara untuk menambahkan fungsionalitas DHTML ke elemen HTML dengan kemudahan CSS.<br /><br />Bagaimana cara kerja perilaku?<br / > Dengan menggunakan XML kita bisa menautkan perilaku ke elemen apa pun di laman web dan memanipulasi elemen tersebut.</p>v </span></body></html>
Di bawah ini adalah dokumen XML "typing.htc":
<attach for="window" event="onload" handler="beginTyping" /><method name="type" /><script>var i,text1,text2,textLength,t;fungsi startTyping(){i=0;text1=element.innerText;textLength=text1.length;element.innerText="";text2="";t=window.setInterval(element.id+".type()",kecepatan) ;}tipe fungsi(){text2=text2+text1.substring(i,i+1);element.innerText=text2;i=i+1;if (i==Panjang Teks){clearInterval(t);}}</skrip> Cobalah »Tip: Jika perlu, Anda dapat membaca konten bagian "HTML <style> Tag" di situs ini.