XML-Überlegungen
Um eine korrekte Verwendung bei der Verwendung von XML sicherzustellen, müssen Sie darauf achten, welche Operationen zulässig sind und welche nicht von XML unterstützt werden. Bitte lesen Sie diesen Abschnitt sorgfältig durch, um mehr zu erfahren!Probieren Sie es aus »Hier ist eine Liste von Techniken, die Sie bei der Arbeit mit XML vermeiden sollten.
Internet Explorer – XML-Dateninsel
Was ist das? XML-Dateninseln sind in HTML-Seiten eingebettete XML-Daten.
Warum sollten Sie die Verwendung vermeiden? XML-Dateninseln sind nur im Internet Explorer-Browser verfügbar.
Wodurch soll es ersetzt werden? Sie sollten JavaScript und das XML-DOM in HTML verwenden, um XML zu analysieren und anzuzeigen.
Weitere Informationen zu JavaScript und dem XML-DOM finden Sie in unserem XML-DOM-Tutorial.
Beispiel für eine XML-Dateninsel
In diesem Beispiel wird das XML-Dokument „cd_catalog.xml“ verwendet.
Binden Sie das XML-Dokument an ein <xml>-Tag im HTML-Dokument. Das id-Attribut definiert die Kennung der Dateninsel, während das src-Attribut auf die XML-Datei verweist:
Beispiel
Dieses Beispiel gilt nur für den IE-Browser
<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>
Das datasrc-Attribut des <table>-Tags bindet die HTML-Tabelle an die XML-Dateninsel.
Mit dem <span>-Tag kann das datafld-Attribut auf das anzuzeigende XML-Element verweisen. In diesem Beispiel lauten die Referenzen „ARTIST“ und „TITLE“. Beim Lesen des XML wird für jedes <CD>-Element eine entsprechende Tabellenzeile erstellt.
Was ist das? Mit Internet Explorer 5 wurden Verhaltensweisen eingeführt. Verhalten sind eine Möglichkeit, mithilfe von CSS-Stilen Verhalten zu XML- (oder HTML-)Elementen hinzuzufügen.
Warum sollten Sie die Verwendung vermeiden? Nur Internet Explorer unterstützt das Verhaltensattribut.
Was stattdessen verwenden? Verwenden Sie stattdessen JavaScript und XML-DOM (oder HTML-DOM).
Das <style>-Element in der folgenden HTML-Datei definiert ein Verhalten für das <h1>-Element:
<html><head><style type="text/css">h1 { behaviour: url(behave.htc) </style></head><body><h1>Maus über mich!!!</h1 ></body></html>Unten sehen Sie das XML-Dokument „behave.htc“ (diese Datei enthält JavaScript und Ereignishandler für das Element):
<attach for="element" event="onmouseover" handler="hig_lite" /><attach for="element" event="onmouseout" handler="low_lite" /><script>function hig_lite(){element.style. color='red';}function low_lite(){element.style.color='blue';}</script> Probieren Sie es aus »Beispiel 2 – Schreibmaschinensimulation
Das <style>-Element in der folgenden HTML-Datei definiert ein Verhalten für das Element mit der ID „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 führte DHTML-Verhaltensweisen ein. Verhaltensweisen sind eine Möglichkeit, DHTML-Funktionalität zu HTML-Elementen mit der Leichtigkeit von CSS hinzuzufügen.<br /><br />Wie funktionieren Verhaltensweisen?<br / > Durch die Verwendung von XML wir kann Verhaltensweisen mit jedem Element auf einer Webseite verknüpfen und dieses Element bearbeiten.</p>v </span></body></html>
Unten sehen Sie das XML-Dokument „typing.htc“:
<attach for="window" event="onload" handler="beginTyping" /><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) ;}Funktionstyp(){text2=text2+text1.substring(i,i+1);element.innerText=text2;i=i+1;if (i==textLength){clearInterval(t);}}</script> Probieren Sie es aus »Tipp: Bei Bedarf können Sie den Inhalt des Abschnitts „HTML <style> Tag“ dieser Website lesen.