XML och XSLT

Genom XSLT kan du konvertera XML-dokument till HTML.

Använd XSLT för att visa XML

XSLT（Extensible Stylesheet Language Transformations），är det rekommenderade XML-styletspråket.

XSLT är mycket mer komplicerat än CSS. Genom XSLT kan du lägga till eller ta bort element och egenskaper från utdatafilen. Du kan också omordna och sortera element, utföra tester och bestämma vilka element som ska visas eller döljas osv.

XSLT använder XPath för att hitta information i XML-dokument.

XSLT exempel

Vi kommer att använda följande XML-dokument:

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>59.50 kr</price>
<description>Två av våra kända belgiska wafflar med mycket rikt ekologiskt kanelsocker</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry Belgian Waffles</name>
<price>79.50 kr</price>
<description>Lätta belgiska wafflar täckta med jordgubbar och vispad sockerbit</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry Belgian Waffles</name>
<price>89.50 kr</price>
<description>Lätta belgiska wafflar täckta med en blandning av färska bär och vispad sockerbit</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>

För att visa i webbläsaren, använd XSLT för att konvertera XML till HTML:

XSLT stilangivelsesexempel:

<?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"/> kalorier per portion)</span>
    </p>
  </div>
</xsl:for-each>
</body>
</html>

Prova själv

XSLT handledning

Om du vill lära dig mer om XSLT, besök vår XSLT handledning.