étude Exemple: Comment transformer XML en XHTML en utilisant XSLT?
Les détails de cet exemple seront expliqués dans le chapitre suivant.
Déclaration de la feuille de style correcte
L'élément racine qui déclare que le document soit une feuille de style XSL est <xsl:stylesheet> ou <xsl:transform> .
Note: <xsl:stylesheet> et <xsl:transform> sont complètement synonymes et peuvent être utilisés soit!
La bonne façon de déclarer une feuille de style XSL selon la recommandation XSLT W3C est la suivante:
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
ou:
<xsl:transform version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
Pour accéder aux éléments XSLT, attributs et fonctionnalités que nous devons déclarer l'espace de noms XSLT en haut du document.
Le xmlns: xsl = points "http://www.w3.org/1999/XSL/Transform" à l'espace de noms officiel XSLT du W3C. Si vous utilisez cet espace de noms, vous devez également inclure la version d'attribut = « 1.0 ».
Commencez par un document XML Raw
Nous voulons transform le document XML suivant ("cdcatalog.xml") le ("cdcatalog.xml") en XHTML:
<?xml version="1.0" encoding="UTF-8"?>
<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>
Viewing XML Files in IE, Chrome, Firefox, Safari, and Opera: des (except in Safari) Viewing XML Files in IE, Chrome, Firefox, Safari, and Opera: Ouvrez le fichier XML (cliquez sur le lien ci - dessous) - Le document XML sera affiché avec la racine code couleur et des éléments de l' enfant (except in Safari) . Souvent, il y a un plus (+) ou signe moins (-) à gauche des éléments qui peuvent être cliqués pour développer ou réduire la structure de l' élément. Conseil: Pour afficher la source XML brut, clic droit dans le fichier XML et sélectionnez « Afficher la source »!
Créer une feuille de style XSL
Ensuite , vous créez une feuille de style XSL ("cdcatalog.xsl") le ("cdcatalog.xsl") avec un modèle de transformation:
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Title</th>
<th>Artist</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>
Lien la feuille de style XSL au document XML
Ajouter la feuille de style XSL référence à votre document XML ("cdcatalog.xml") :
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<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 vous avez un navigateur compatible XSLT il bien transform votre XML en XHTML.
Les détails de l'exemple ci-dessus seront expliqués dans les chapitres suivants.