XSLT-muunnos

Esimerkki: Miten XSLT:llä voidaan muuntaa XML XHTML:ksi.

Seuraavassa osassa selitetään tarkemmin tämän esimerkin yksityiskohdat.

Oikea tyylisivun ilmoitus

Dokumentin ilmoittaminen XSL-tyylisivun juuri-elementiksi on <xsl:stylesheet> tai <xsl:transform>.

Huomautus: <xsl:stylesheet> ja <xsl:transform> ovat täysin synonyymejä ja molemmat voidaan käyttää!

W3C:n XSLT-standardin mukaan XSL-tyylisivun oikea ilmoitus on:

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

Tai:

<xsl:transform version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

Jos haluat käyttää XSLT:n elementtejä, ominaisuuksia ja määrittelyjä, meidän täytyy ilmoittaa XSLT:n nimitysalue dokumentin ylätason.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" osoittaa virallisen W3C XSLT-nimitysalueen. Jos käytät tätä nimitysalueita, sinun täytyy sisällyttää ominaisuus version="1.0".

Aloitetaan alkuperäisestä XML-dokumentista

Nyt meidän täytyy muuntaa seuraava XML-dokumentti ("cdcatalog.xml") XHTML:ksi:

<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
.
</catalog>

Tarkista XML-tiedosto Internet Explorerissa ja Firefoxissa:

Avaa XML-tiedosto (yleensä napsauttamalla linkkiä) - XML-dokumentti näytetään värikoodaamisen avulla juuri-elementin ja sen alielementtien avulla. Napsauttamalla elementin vasemmalla puolella olevaa plussaa tai miinusta voit laajentaa tai supistaa elementin rakennetta. Jos haluat nähdä alkuperäisen XML-lähdekoodin (ilman plussaa ja miinusta), valitse selaimen valikosta "Näytä sivun lähdekoodi".

Tarkista XML-tiedosto Netscape 6:ssa:

Avaa XML-tiedosto, napsauta sitten tiedostoa hiiren oikealla painikkeella ja valitse "Näytä sivun lähdekoodi". XML-dokumentti näkyy värikkäänä koodina juurelementtien ja niiden lapsien osalta.

Tarkastele XML-tiedostoa Opera 7:ssä:

Avaa XML-tiedosto, napsauta sitten tiedostoa hiiren oikealla painikkeella ja valitse "Runko"/"Näytä lähdekoodi". XML-dokumentti näkyy puhtina tekstinä.

Tarkastele "cdcatalog.xml"。

Luo XSL-tyylisivu

Luo sitten XSL-tyylisivu, joka sisältää muunnosmallin ("cdcatalog.xsl"):

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
  <html>
  <body>
    <h2>Minun CD-kokoelmani</h2>
    <table border="1">
    <tr bgcolor="#9acd32">
      <th align="left">Otsikko</th>
      <th align="left">Artisti</th>
    </tr>
    <xsl:for-each select="catalog/cd">
    <tr>
      <td><xsl:value-of select="title"/></td>
      <td><xsl:value-of select="artist"/></td>
    </tr>
    </xsl:for-each>
    </table>
  </body>
  </html>
</xsl:template>
</xsl:stylesheet>

Tarkastele "cdcatalog.xsl"

Liitä XSL-tyylisivu XML-dokumenttiin

Lisää XSL-tyylisivun viittaus XML-dokumenttiin ("cdcatalog.xml"):

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
.
</catalog>

如果您使用的浏览器兼容 XSLT，它会很顺利地把您的 XML 转换为 XHTML。

查看结果。

我们会在下一节对上面的例子中的细节进行解释。