XML und XSLT

Mit XSLT können Sie XML-Dokumente in HTML umwandeln.

XSLT zur Anzeige von XML

XSLT（Erweiterbares Stylesheet-Sprachtransformations, eXtensible Stylesheet Language Transformations），ist die empfohlene XML-Stylesheet-Sprache.

XSLT ist viel komplexer als CSS. Mit XSLT können Sie Elemente und Attribute in die Ausgabedatei hinzufügen oder entfernen. Sie können auch Elemente neu anordnen und sortieren, Tests durchführen und bestimmen, welche Elemente versteckt oder angezeigt werden sollen, etc.

XSLT verwendet XPath, um Informationen in XML-Dokumenten zu finden.

XSLT Beispiel

Wir werden den folgenden XML-Dokument verwenden:

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description> Zweimal unser berühmter belgischer Pfannkuchen mit reichlich echtem Ahornsirup</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry Belgian Waffles</name>
<price>$7.95</price>
<description>Leichte belgische Pfannkuchen, mit Erdbeeren und Schlagsahne bedeckt</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry Belgian Waffles</name>
<price>$8.95</price>
<description>Leichte belgische Pfannkuchen, mit einer Vielzahl von frischen Beeren und Schlagsahne bedeckt</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>

Bevor es im Browser angezeigt wird, konvertieren Sie XML mit XSLT in HTML:

XSLT-Stylesheet-Beispiel:

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

Try It Yourself

XSLT Tutorial

If you want to learn more about XSLT, please visit our XSLT Tutorial.