Considérations XML
Voici une liste de techniques que vous devriez éviter lorsque vous travaillez avec XML.
Internet Explorer - XML Data Island
Qu'est-ce que c'est ? Les îlots de données XML sont des données XML intégrées dans des pages HTML.
Pourquoi devriez-vous l'éviter ? Les îlots de données XML ne fonctionnent que dans le navigateur Internet Explorer.
Par quoi le remplacer ? Vous devez utiliser JavaScript et le XML DOM en HTML pour analyser et afficher le XML.
Pour plus d'informations sur JavaScript et XML DOM, visitez notre Tutoriel XML DOM.
Exemple d'îlot de données XML
Cet exemple utilise le document XML "cd_catalog.xml".
Lie le document XML à une balise <xml> L'attribut id définit l'identifiant de l'îlot de données, tandis que l'attribut src pointe vers le fichier XML :
Instance
<html> <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>
Exécution d'instance»
Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne
<table> L'attribut datasrc de la balise lie la table HTML à l'îlot de données XML. La balise
<span> permet à l'attribut datafld de référencer l'élément XML à afficher. Dans cet exemple, les références sont « ARTIST » et « TITLE ». Lorsque le XML est lu, une ligne de tableau correspondante est créée pour chaque élément <CD>
Internet Explorer - Comportement
Qu'est-ce que c'est ? Internet Explorer 5 a introduit des comportements. Les comportements sont un moyen d'ajouter un comportement aux éléments XML (ou HTML) à l'aide de styles CSS.
Pourquoi devriez-vous l'éviter ? Seul Internet Explorer prend en charge l'attribut behavior.
Qu'utiliser à la place ? Utilisez plutôt JavaScript et XML DOM (ou HTML DOM).
Exemple 1 - Surbrillance de la souris
L'élément <style> dans le fichier HTML ci-dessous définit un comportement pour l'élément <h1> html>
<head>h1 { comportement : url(behave.htc) }
</style>
< ;/head>< ;
Ce qui suit montre le document XML "behave.htc" (le fichier contient un JavaScript et des gestionnaires d'événements pour les éléments) :
Exemple
<html>
<head>
<style type="text/css">
h1 { behavior: url(behave.htc) }
</style>
</head>
<body>
<h1>Mouse over me!!!</h1>
</body>
</html>Exemple 2 - Simulation de machine à écrire
L'élément <style> dans le fichier HTML suivant définit un comportement pour l'élément avec l'identifiant "typing" :
<head>
<style type="text/css">
#typing
{
behaviour:url(typing.htc);
font-family :'courrier nouveau';
}
</style>
</head>
<body>
<span id="typing" speed=" 100">IE5 a introduit les comportements DHTML.
Les comportements sont un moyen d'ajouter des fonctionnalités DHTML aux éléments HTML
avec la facilité du CSS.<br /><br />Comment fonctionnent les comportements ?< ;br />
En utilisant XML, nous pouvons lier des comportements à n'importe quel élément d'une page Web
et manipuler cet élément.</p>v </span>
</body>
</html>
Ce qui suit est le document XML "typing.htc" :
Instance
<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);
}
function type()
{
text2=text2+text1.substring(i,i+1);
element.innerText=text2;
i=i+1;
if (i==textLength)
{
clearInterval(t);
}
}
</script>Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
