XSLT-conversie
- Vorige Pagina XSLT Taal
- Volgende Pagina XSLT <template>
Casestudie: hoe XSLT XML naar XHTML te converteren.
We zullen in het volgende hoofdstuk de details van dit voorbeeld uitleggen.
Juiste stijltabelverklaring
De documentverklaring tot de root-element van de XSL-stijltabel is <xsl:stylesheet> of <xsl:transform>.
Opmerking: <xsl:stylesheet> en <xsl:transform> zijn volledig synoniem en kunnen beide worden gebruikt!
Volgens de W3C XSLT-standaard is de juiste manier om een XSL-stijltafel 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 benaderen, moeten we de XSLT-naamruimte op de documenttop verklaard hebben.
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 startend
We moeten nu het volgende XML-document ("cdcatalog.xml") omzetten 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 XML-bestanden in Internet Explorer en Firefox:
Open het XML-bestand (meestal door op een link te klikken) - de XML-documenten worden weergegeven in een geColouriseerde code weergave van de root-elementen en hun sub-elementen. Klik op het plus of min-teken links van het element om de structuur uit te vouwen of in te klappen. Als je de oorspronkelijke XML-bron wilt bekijken (zonder plus en min-teken), kies dan 'Bekijk pagina broncode' in het browsermenu.
Bekijk XML-bestanden 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.
Maak een XSL-stijlblad
Maak vervolgens een XSL-stijlblad met een transformatietemplate aan ("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>Mijn CD-collectie</h2> <table border="1"> <tr bgcolor="#9acd32"> <th align="left">Titel</th> <th align="left">Artiest</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>
Koppel het XSL-stijlblad aan het XML-document
Voeg een XSL-stijlblad 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>
Als uw browser XSLT compatibel is, zal het uw XML probleemloos omzetten naar Converteren naar XHTML.
We zullen in het volgende gedeelte de details van het bovenstaande voorbeeld uitleggen.
- Vorige Pagina XSLT Taal
- Volgende Pagina XSLT <template>