XML ve XSLT

XSLT ile XML belgesini HTML'ye dönüştürebilirsiniz.

XSLT ile XML görüntüleme

XSLT（Genişletilebilir Stilişim Dili Transformasyonları, eXtensible Stylesheet Language Transformations），önerilen XML stilişim dilidir.

XSLT, CSS'den çok daha karmaşıktır. XSLT ile çıkarılabilir ve eklenabilir elementler ve özellikler ekleyebilirsiniz. Ayrıca, elementleri yeniden düzenleyebilir ve sıralayabilirsiniz, test edebilir ve belirli elementleri gizleyip göstermeyi belirleyebilirsiniz.

XSLT, XML belgesinde bilgi ararken XPath kullanır.

XSLT Örneği

Bizim menümüzü aşağıdaki XML belgesi ile kullanacağız:

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

Tarayıcıda görüntülenmeden önce, XML'yi HTML'e XSLT ile dönüştürün:

XSLT Stili Göstergesi:

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

Kişisel olarak deneyin

XSLT Eğitimi

XSLT hakkında daha fazla bilgi öğrenmek istiyorsanız, sitemizi ziyaret edin XSLT Eğitimi。