ข้อควรพิจารณาเกี่ยวกับ XML
เพื่อให้แน่ใจว่ามีการใช้งานที่ถูกต้องเมื่อคุณใช้ XML คุณต้องใส่ใจกับการดำเนินการที่ได้รับอนุญาต และการดำเนินการใดที่ XML ไม่สนับสนุน โปรดอ่านส่วนนี้อย่างละเอียดเพื่อเรียนรู้เพิ่มเติม!ลองเลย »ต่อไปนี้คือรายการเทคนิคที่คุณควรพยายามหลีกเลี่ยงเมื่อทำงานกับ XML
Internet Explorer - เกาะข้อมูล XML
มันคืออะไร? เกาะข้อมูล XML คือข้อมูล XML ที่ฝังอยู่ในหน้า HTML
เหตุใดคุณจึงควรหลีกเลี่ยงการใช้มัน? เกาะข้อมูล XML มีเฉพาะในเบราว์เซอร์ Internet Explorer เท่านั้น
จะแทนที่ด้วยอะไร? คุณควรใช้ JavaScript และ XML DOM ใน HTML เพื่อแยกวิเคราะห์และแสดง XML
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ JavaScript และ XML DOM โปรดไปที่บทช่วยสอน XML DOM ของเรา
ตัวอย่างเกาะข้อมูล XML
ตัวอย่างนี้ใช้เอกสาร XML "cd_catalog.xml"
ผูกเอกสาร XML เข้ากับแท็ก <xml> ในเอกสาร HTML แอตทริบิวต์ id กำหนดตัวระบุของ data island ในขณะที่แอตทริบิวต์ src ชี้ไปที่ไฟล์ XML:
ตัวอย่าง
ตัวอย่างนี้ใช้กับเบราว์เซอร์ 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>
คุณลักษณะ datasrc ของแท็ก <table> ผูกตาราง HTML กับเกาะข้อมูล XML
แท็ก <span> อนุญาตให้แอตทริบิวต์ datafld อ้างอิงองค์ประกอบ XML ที่จะแสดง ในตัวอย่างนี้ ข้อมูลอ้างอิงคือ "ARTIST" และ "TITLE" เมื่ออ่าน XML แถวของตารางที่เกี่ยวข้องจะถูกสร้างขึ้นสำหรับแต่ละองค์ประกอบ <CD>
มันคืออะไร? Internet Explorer 5 แนะนำลักษณะการทำงาน พฤติกรรมเป็นวิธีหนึ่งในการเพิ่มพฤติกรรมให้กับองค์ประกอบ XML (หรือ HTML) โดยใช้สไตล์ CSS
เหตุใดคุณจึงควรหลีกเลี่ยงการใช้มัน? เฉพาะ Internet Explorer เท่านั้นที่สนับสนุนแอตทริบิวต์พฤติกรรม
จะใช้อะไรแทน? ใช้ JavaScript และ XML DOM (หรือ HTML DOM) แทน
องค์ประกอบ <style> ในไฟล์ HTML ต่อไปนี้กำหนดพฤติกรรมสำหรับองค์ประกอบ <h1>:
<html><head><style type="text/css">h1 { behavior: url(behave.htc) </style></head><body><h1>เลื่อนเมาส์ไปเหนือฉัน!!!</h1 ></ร่างกาย></html>ด้านล่างนี้เป็นเอกสาร XML "behave.htc" (ไฟล์นี้มี JavaScript และตัวจัดการเหตุการณ์สำหรับองค์ประกอบ):
<แนบสำหรับ = "องค์ประกอบ" เหตุการณ์ = "onmouseover" ตัวจัดการ = "hig_lite" /><แนบสำหรับ = "องค์ประกอบ" เหตุการณ์ = "onmouseout" ตัวจัดการ = "low_lite" /><script>ฟังก์ชัน hig_lite(){element.style. color='red';}function low_lite(){element.style.color='blue';}</script> ลองเลย »ตัวอย่างที่ 2 - การจำลองเครื่องพิมพ์ดีด
องค์ประกอบ <style> ในไฟล์ HTML ต่อไปนี้กำหนดลักษณะการทำงานสำหรับองค์ประกอบที่มีรหัส "typing":
<html><head><style type="text/css">#typing{behavior:url(typing.htc);font-family:'courier new';}</style></head><body>< span id="typing" speed="100">IE5 แนะนำพฤติกรรม DHTML พฤติกรรมเป็นวิธีหนึ่งในการเพิ่มฟังก์ชันการทำงานของ DHTML ให้กับองค์ประกอบ HTML ได้อย่างง่ายดายด้วย CSS<br /><br />พฤติกรรมทำงานอย่างไร<br / > โดยใช้ XML เรา สามารถเชื่อมโยงพฤติกรรมไปยังองค์ประกอบใด ๆ ในหน้าเว็บและจัดการองค์ประกอบนั้นได้</p>v </span></body></html>
แสดงด้านล่างเป็นเอกสาร XML "typing.htc":
<แนบสำหรับ = "window" event = "onload" handler = "beginTyping" /><method name = "type" /><script>var i,text1,text2,textLength,t;function beginningTyping(){i=0;text1=element.innerText;textLength=text1.length;element.innerText="";text2="";t=window.setInterval(element.id+".type()",ความเร็ว) ;}ประเภทฟังก์ชัน(){text2=text2+text1.substring(i,i+1);element.innerText=text2;i=i+1;if (i==textLength){clearInterval(t);}}</script> ลองเลย »เคล็ดลับ: หากจำเป็น คุณสามารถอ่านเนื้อหาในส่วน "แท็ก HTML <style>" ของไซต์นี้ได้