En son web geliştirme öğreticiler
 

XML ve XSLT


XSLT'de ile HTML içine bir XML belgesi dönüştürebilir.


XSLT ile XML gösteriliyor

XSLT (eXtensible Stylesheet Language Transformations) XML için önerilen stil sayfası dilidir.

XSLT CSS çok daha karmaşıktır. XSLT'de ile ekleme / öğeleri kaldırmak ve veya çıkış dosyasından niteliklerini yapabilirsiniz. Ayrıca yeniden düzenlemek ve elemanlarını sıralamak testleri gerçekleştirmek ve elementler çok daha fazla gizlemek ve ekran ve hangi hakkında kararlar alabilirsiniz.

XSLT XML belgesindeki bilgileri bulmak için XPath kullanır.


XSLT Örnek

Aşağıdaki XML belgesi kullanacak:

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

Bir tarayıcıda görüntülenmeden önce, HTML içine XML dönüştürmek için XSLT kullanın:

Örnek XSLT Stil:

<?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>
XSLT »XML belgesi Transform

XSLT'DE hakkında daha fazla bilgi edinmek istiyorsanız, bizim bizim XSLT öğretici bulmak ana .