XSLT-conversie

Studie van het voorbeeld: hoe XSLT XML naar XHTML te converteren.

We zullen in het volgende gedeelte de details van dit voorbeeld uitleggen.

Juiste stijlverklaring

Het document declareren als de wortelelement van de XSL-stijl is <xsl:stylesheet> of <xsl:transform>.

Opmerking: <xsl:stylesheet> en <xsl:transform> zijn volledig synoniem en kunnen beide worden gebruikt!

Volgens de W3C XSLT-norm is de juiste manier om een XSL-stijlblad te declareren:

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

Ofwel:

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

Om de elementen, eigenschappen en eigenschappen van XSLT te kunnen gebruiken, moeten we de XSLT-naamruimte op het documenttop declareren.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" wijst naar de officiële W3C XSLT-naamruimte. Als je deze naamruimte gebruikt, moet je de eigenschap version="1.0" opnemen.

Van een oorspronkelijke XML-document beginnend

Nu moeten we het volgende XML-document ("cdcatalog.xml") converteren naar XHTML:

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

Bekijk het XML-bestand in Internet Explorer en Firefox:

Open het XML-bestand (meestal door op een link te klikken) - het XML-document wordt weergegeven als gekleurde code van de root-elementen en sub-elementen. Klik op het plus- of min-teken links van het element om de structuur van het element uit te klappen of in te klappen. Om de oorspronkelijke XML-bronbestanden te bekijken (zonder plus- en min-teken), kies dan "Bekijk pagina broncode" in het browsermenu.

Bekijk het XML-bestand in Netscape 6:

Open het XML-bestand, klik vervolgens met de rechtermuisknop in het XML-bestand en kies "Bekijk pagina broncode". Het XML-document wordt weergegeven als gekleurde code van de root-elementen en sub-elementen.

Bekijk het XML-bestand in Opera 7:

Open het XML-bestand, klik vervolgens met de rechtermuisknop in het XML-bestand en kies "frame"/"Bekijk broncode". Het XML-document wordt weergegeven als puur tekst.

Bekijk"cdcatalog.xml".

Maak een XSL-stijlstabel

Maak vervolgens een XSL-stijlstabel met een transformatietemplate ("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>My CD Collection</h2>
    <table border="1">
    <tr bgcolor="#9acd32">
      <th align="left">Title</th>
      <th align="left">Artist</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>

Bekijk "cdcatalog.xsl"

Koppel de XSL-stijlstabel aan het XML-document

Voeg een XSL-stijlstabel verwijzing toe aan het XML-document ("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>

If the browser you are using is compatible with XSLT, it will smoothly convert your XML Convert To XHTML.

View Results.

We will explain the details of the above example in the next section.