XML et XSLT
Avec XSLT, vous pouvez transformer un document XML en HTML.
Affichage XML avec XSLT
XSLT (eXtensible Stylesheet Language Transformations) est le langage de feuille de style recommandé pour XML.
XSLT est beaucoup plus sophistiqué que CSS. Avec XSLT, vous pouvez ajouter/supprimer des éléments et des attributs vers ou depuis le fichier de sortie. Vous pouvez également réorganiser et trier les éléments, effectuer des tests et prendre des décisions sur les éléments à masquer et à afficher, et bien plus encore.
XSLT utilise XPath pour rechercher des informations dans un document XML.
Exemple XSLT
Nous utiliserons le document XML suivant :
<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>Two of
our famous Belgian Waffles with plenty of real maple syrup</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry
Belgian Waffles</name>
<price>$7.95</price>
<description>Light Belgian
waffles covered with strawberries and whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry
Belgian Waffles</name>
<price>$8.95</price>
<description>Light Belgian
waffles covered with an assortment of fresh berries and whipped
cream</description>
<calories>900</calories>
</food>
<food>
<name>French Toast</name>
<price>$4.50</price>
<description>Thick
slices made from our homemade sourdough bread</description>
<calories>600</calories>
</food>
<food>
<name>Homestyle
Breakfast</name>
<price>$6.95</price>
<description>Two eggs, bacon or
sausage, toast, and our ever-popular hash browns</description>
<calories>950</calories>
</food>
</breakfast_menu>
Utilisez XSLT pour transformer XML en HTML, avant qu'il ne s'affiche dans un navigateur :
Exemple de feuille de style XSLT :
<?xml version="1.0" encoding="UTF-8"?>
<html xsl:version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<body
style="font-family:Arial;font-size:12pt;background-color:#EEEEEE">
<xsl:for-each
select="breakfast_menu/food">
<div
style="background-color:teal;color:white;padding:4px">
<span style="font-weight:bold"><xsl:value-of select="name"/> - </span>
<xsl:value-of select="price"/>
</div>
<div
style="margin-left:20px;margin-bottom:1em;font-size:10pt">
<p>
<xsl:value-of select="description"/>
<span style="font-style:italic"> (<xsl:value-of select="calories"/> calories
per serving)</span>
</p>
</div>
</xsl:for-each>
</body>
</html>
Transformer le document XML avec XSLT »
Tutoriel XSLT
Si vous souhaitez en savoir plus sur XSLT, consultez notre didacticiel XSLT .