XSLT - Transformation
Étude de cas : Comment utiliser XSLT pour transformer XML en XHTML.
Nous expliquerons les détails de cet exemple dans le chapitre suivant.
Déclaration correcte de feuille de style
L'élément racine qui fait d'un document une feuille de style XSL est <xsl:stylesheet> ou <xsl:transform>.
Remarque :<xsl:stylesheet> et <xsl:transform> sont complètement synonymes, et les deux peuvent être utilisés !
Selon la norme XSLT du W3C, la bonne façon de déclarer une feuille de style XSL est :
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
Ou :
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
Pour accéder aux éléments, attributs et fonctionnalités XSLT, nous devons déclarer l'espace de noms XSLT en haut du document.
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" pointe vers l'espace de noms XSLT officiel du W3C. Si vous utilisez cet espace de noms, vous devez inclure l'attribut version="1.0".
Partez d'un document XML original
Nous allons maintenant prendre le document XML suivant ("cdcatalog.xml")et le transformeren XHTML :
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
</catalog>
Affichage des fichiers XML dans Firefox et Internet Explorer :Ouvrez le fichier XML (généralement en cliquant sur un lien) - Le document XML affichera l'élément racine et les éléments enfants sous forme de code coloré. Cliquez sur les signes plus (+) ou moins (-) à gauche des éléments pour développer ou réduire la structure des éléments. Pour afficher la source XML d'origine (sans les signes plus et moins), sélectionnez "View Page Source" ou "View Source" dans le menu du navigateur.
Affichage des fichiers XML dans Netscape 6 :Ouvrez le fichier XML, puis faites un clic droit dans le fichier XML et sélectionnez "View Page Source". Le document XML affichera l'élément racine et les éléments enfants sous forme de code coloré.
Affichage des fichiers XML dans Opera 7 :Ouvrez le fichier XML, puis faites un clic droit dans le fichier XML et sélectionnez "Frame" / "View Source". Le document XML sera affiché en texte brut.
Créez une feuille de style XSL
Créez ensuite une feuille de style XSL avec un modèle de transformation ("cdcatalog.xsl") :
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>Ma collection de CD</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Titre</th>
<th>Artiste</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="artist"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Liez la feuille de style XSL au document XML
Ajoutez une référence de feuille de style XSL au document XML ("cdcatalog.xml") :
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl.html"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
</catalog>
Si votre navigateur est compatible XSLT, il va, en douceur,transformer votre XMLen XHTML.
Nous expliquerons les détails de l'exemple ci-dessus dans le chapitre suivant.
Autres extensions