XML dan XSLT

Melalui XSLT, anda dapat mengkonversi dokumen XML ke HTML.

Menggunakan XSLT untuk menampilkan XML

XSLT(Ekstensible Stylesheet Language Transformations), adalah bahasa style sheet XML yang disarankan.

XSLT jauh lebih kompleks daripada CSS. Melalui XSLT, anda dapat menambah/tambahkan elemen dan atribut ke file output. Anda juga dapat mengurutkan dan mengurutkan elemen, melaksanakan tes dan menentukan elemen mana yang akan disembunyikan dan yang akan ditampilkan, dan sebagainya.

XSLT menggunakan XPath untuk mencari informasi di dalam dokumen XML.

Contoh XSLT

Kami akan menggunakan dokumen XML berikut:

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
<food>
<name>Belgia Waffle</name>
<price>$5.95</price>
<description>Dua waffle Belgia terkenal kami dengan banyak keju maple asli</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry Belgia Waffle</name>
<price>$7.95</price>
<description>Ringan waffle Belgia ditutupi dengan strawberries dan krim pengganti</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry Belgia Waffle</name>
<price>$8.95</price>
<description>Ringan waffle Belgia ditutupi dengan berbagai jenis buah segar dan krim pengganti</description>
<calories>900</calories>
</food>
<food>
<name>BrotToast</name>
<price>$4.50</price>
<description>Plak tebal yang dibuat dari roti tangkoh rumah khas kami</description>
<calories>600</calories>
</food>
<food>
<name>Breakfast Rumah Khas</name>
<price>$6.95</price>
<description>Dua telur, bacon atau saus, roti bakar, dan hash browns yang selalu populer kami</description>
<calories>950</calories>
</food>
</breakfast_menu>

Sebelum dipaparkan di browser, gunakan XSLT untuk mengubah XML ke HTML:

Contoh gaya XSLT:

<?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">(berat <xsl:value-of select="calories"/> calories per serving)</span>
    </p>
  </div>
</xsl:for-each>
</body>
</html>

亲自试一试

XSLT 教程

如果您想了解更多关于 XSLT 的信息，请访问我们的 XSLT 教程。