Derniers tutoriels de développement web
 

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 ou à partir du 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 beaucoup plus.

XSLT utilise XPath pour trouver des informations dans un document XML.


XSLT Exemple

Nous allons utiliser 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 soit affiché dans un navigateur:

Exemple 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 »

Si vous voulez en savoir plus sur XSLT, retrouvez notre tutoriel XSLT sur notre page d' accueil .