XML og XSLT

Gennem XSLT kan du konvertere XML-dokumenter til HTML.

Vis XML med XSLT

XSLT（Udvidelig Stylsheet Language Transformation, eXtensible Stylesheet Language Transformations）er den anbefalede XML-stylsheet-sprog.

XSLT er meget mere komplekst end CSS. Gennem XSLT kan du tilføje/fjerne elementer og egenskaber fra outputfilen. Du kan også omarrangere og sortere elementer, udføre tests og beslutte hvilke elementer der skal vises eller skjules osv.

XSLT bruger XPath til at finde information i XML-dokumentet.

XSLT eksempler

Vi vil bruge følgende XML-dokument:

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>Två af vores kendte belgiske vafler med rigeligt med rigtig ahornssirup</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry Belgian Waffles</name>
<price>$7.95</price>
<description>Lette belgiske vafler dækket med jordbær og flødeskum</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry Belgian Waffles</name>
<price>$8.95</price>
<description>Lette belgiske vafler dækket med en blanding af friske bær og flødeskum</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>

Vis i browseren først, brug XSLT til at konvertere XML til HTML:

XSLT stilfremhævelseseksempel:

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

Prøv det selv

XSLT Tutorial

Hvis du vil lære mere om XSLT, besøg vores XSLT Tutorial.