Pertimbangan XML
Berikut adalah daftar yang harus Anda mencoba untuk menghindari menggunakan ketika menggunakan teknologi XML.
Internet Explorer - pulau data XML
Apa itu?pulau data XML tertanam ke dalam HTML Data halaman XML.
Mengapa Anda harus menghindarinya?XML Data pulau hanya berlaku di browser Internet Explorer.
Apa menggantinya?Anda harus menggunakan HTML, JavaScript dan XML DOM untuk mengurai dan menampilkan XML.
Untuk informasi lebih lanjut tentang JavaScript dan XML DOM, kunjungi XML DOM tutorial .
XML contoh Data pulau
Contoh ini menggunakan dokumen XML " cd_catalog.xml ."
Dokumen XML terikat untuk dokumen HTML dalam tag <xml>. atribut id mendefinisikan sebuah identifier dari pulau data, dan atribut src untuk file XML:
contoh
Contoh ini hanya berlaku untuk browser IE
<body>
<xml id="cdcat" src="cd_catalog.xml"></xml>
<table border="1" datasrc="#cdcat">
<tr>
<td><span datafld="ARTIST"></span></td>
<td><span datafld="TITLE"></span></td>
</tr>
</table>
</body>
</html>
Coba »
datasrc atribut <table> tag dari tabel HTML terikat ke pulau data XML.
<Span> tag memungkinkan atribut datafld referensi elemen XML yang akan ditampilkan. Dalam contoh ini, merujuk pada "ARTIST" dan "TITLE". Ketika membaca XML, menciptakan baris tabel yang sesuai untuk setiap <CD> elemen.
Internet Explorer - Perilaku
Apa itu?Internet Explorer 5 diperkenalkan perilaku. Perilaku adalah cara untuk menambahkan perilaku dengan menggunakan gaya CSS untuk XML (atau HTML) elemen.
Mengapa Anda harus menghindarinya?Hanya Internet Explorer mendukung sifat perilaku.
Apa menggantinya?Menggunakan JavaScript dan XML DOM (atau DOM HTML) untuk menggantikannya.
Contoh 1 - Tikus melayang sorot
Berikut file HTML <style> elemen untuk <h1> elemen mendefinisikan perilaku:
<head>
<style type="text/css">
h1 { behavior: url(behave.htc) }
</style>
</head>
<body>
<h1>Mouse over me!!!</h1>
</body>
</html>
Tampil di bawah ini adalah dokumen XML "behave.htc" (Berkas ini berisi beberapa JavaScript dan event handler untuk elemen):
<attach for="element" event="onmouseout" handler="low_lite" />
<script>
function hig_lite()
{
element.style.color='red';
}
function low_lite()
{
element.style.color='blue';
}
</script>
Coba »
Contoh 2 - Mesin Tik Simulasi
Berikut file HTML <style> elemen id mendefinisikan tindakan untuk "mengetik" elemen:
<head>
<style type="text/css">
#typing
{
behavior:url(typing.htc);
font-family:'courier new';
}
</style>
</head>
<body>
<span id="typing" speed="100">IE5 introduced DHTML behaviors.
Behaviors are a way to add DHTML functionality to HTML elements
with the ease of CSS.<br /><br />How do behaviors work?<br />
By using XML we can link behaviors to any element in a web page
and manipulate that element.</p>v </span>
</body>
</html>
Tampil di bawah ini dokumen XML "typing.htc":
<method name="type" />
<script>
var i,text1,text2,textLength,t;
function beginTyping()
{
i=0;
text1=element.innerText;
textLength=text1.length;
element.innerText="";
text2="";
t=window.setInterval(element.id+".type()",speed);
}
function type()
{
text2=text2+text1.substring(i,i+1);
element.innerText=text2;
i=i+1;
if (i==textLength)
{
clearInterval(t);
}
}
</script>
Coba »