การพิจารณา XML
นี่คือรายการที่คุณควรพยายามที่จะหลีกเลี่ยงการใช้เมื่อใช้เทคโนโลยี XML
Internet Explorer - เกาะข้อมูล XML
มันคืออะไร?เกาะข้อมูล XML ฝังลงในหน้าเว็บ HTML ข้อมูล XML
ทำไมคุณควรหลีกเลี่ยงมันได้หรือไม่เกาะข้อมูล XML จะใช้ได้เฉพาะในเบราว์เซอร์ Internet Explorer
อะไรแทนที่มันได้หรือไม่คุณควรใช้ HTML, JavaScript และ DOM XML เพื่อแยกและ XML จอแสดงผล
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ JavaScript และ XML DOM เยี่ยมชมของเรา XML DOM กวดวิชา
XML กรณีเกาะข้อมูล
ตัวอย่างนี้ใช้เอกสาร XML " cd_catalog.xml ."
เอกสาร XML ถูกผูกไว้กับเอกสาร HTML ในแท็ก <XML> แอตทริบิวต์ ID กำหนดตัวบ่งชี้ของเกาะข้อมูลและ src แอตทริบิวต์เป็นไฟล์ XML:
ตัวอย่าง
ตัวอย่างนี้ใช้เฉพาะกับเบราว์เซอร์
<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>
ลอง»
datasrc แอตทริบิวต์ <table> แท็กของตาราง HTML ผูกพันกับเกาะข้อมูล XML
<span> แท็กช่วยให้แอตทริบิวต์ datafld อ้างอิงองค์ประกอบ XML ที่จะแสดง ในตัวอย่างนี้เพื่ออ้างถึง "ศิลปิน" และ "TITLE" เมื่ออ่าน XML สร้างแถวของตารางที่สอดคล้องกันสำหรับแต่ละ <ซีดี> องค์ประกอบ
Internet Explorer - พฤติกรรม
มันคืออะไร?พฤติกรรม Internet Explorer 5 แนะนำ พฤติกรรมเป็นวิธีที่จะเพิ่มพฤติกรรมโดยใช้รูปแบบ CSS เพื่อ XML (หรือ HTML) องค์ประกอบ
ทำไมคุณควรหลีกเลี่ยงมันได้หรือไม่เพียง Internet Explorer สนับสนุนคุณสมบัติพฤติกรรม
อะไรแทนที่มันได้หรือไม่การใช้ JavaScript และ XML DOM (หรือ DOM HTML) เพื่อแทนที่
ตัวอย่างที่ 1 - เลื่อนเมาส์ไฮไลท์
ต่อไปนี้ไฟล์ HTML element <style> สำหรับ <h1> องค์ประกอบที่กำหนดพฤติกรรม:
<head>
<style type="text/css">
h1 { behavior: url(behave.htc) }
</style>
</head>
<body>
<h1>Mouse over me!!!</h1>
</body>
</html>
แสดงด้านล่างเป็นเอกสาร XML "behave.htc" (ไฟล์นี้มีบาง JavaScript และเหตุการณ์ขนย้ายวัสดุสำหรับองค์ประกอบ):
<attach for="element" event="onmouseout" handler="low_lite" />
<script>
function hig_lite()
{
element.style.color='red';
}
function low_lite()
{
element.style.color='blue';
}
</script>
ลอง»
ตัวอย่างที่ 2 - เครื่องพิมพ์ดีดจำลอง
ไฟล์ HTML ต่อไปนี้ element <style> ID กำหนดดำเนินการสำหรับ "พิมพ์" ขององค์ประกอบ:
<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>
แสดงด้านล่างเป็นเอกสาร 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>
ลอง»