Neueste Web-Entwicklung Tutorials
 

XML und XSLT


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


Anzeige von XML mit XSLT

XSLT (eXtensible Stylesheet Language Transformations) ist das Blatt empfohlen Formensprache für XML.

XSLT ist weitaus komplexer als CSS. Mit XSLT können Sie hinzufügen / entfernen Elemente und Attribute zu oder von der Ausgabedatei. Sie können auch Elemente neu anordnen und sortieren, Tests durchzuführen und Entscheidungen darüber, welche Elemente zu verbergen und Display, und vieles mehr.

XSLT verwendet XPath Informationen in einem XML-Dokument zu finden.


XSLT-Beispiel

Wir werden das folgende XML-Dokument verwenden:

<?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>

Verwenden Sie XSLT XML in HTML umwandeln, bevor es in einem Browser angezeigt wird:

Beispiel XSLT-Stylesheet:

<?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>
Verwandeln Sie das XML - Dokument mit XSLT »

Wenn Sie mehr über XSLT lernen wollen, unsere XSLT - Tutorial finden Sie auf unserem Homepage .