Les éléments de sortie HTML permettent de présenter clairement des données XML dans un navigateur web.
Ce type de transformation est non seulement très utile, mais fait également preuve d'une quasi-parfaite portabilité sur des systèmes d'exploitation ou sur des navigateurs.
Toutes les balises HTML peuvent être employées au sein des éléments de tranformation XSL.
Néanmoins, le balisage HTML doit correspondre à celui de la version 4.0 du langage et ainsi être parfaitement structuré.
Toutes les balises doivent être fermées, y compris les éléments vides tels que <img> ou <br>.
Les marqueurs doivent s'imbriquer correctement.
Malgré l'absence d'une méthode de transformation annoncée par l'élément <xsl:output>,
le processeur XSL active automatiquement une sortie sous forme HTML, si la feuille de style de transformation contient le marqueur <html> avec n'importe quelle combinaison de casse.
Le balisage HTML doit se trouver au sein des éléments XSL suivants :
Ces éléments peuvent contenir les instructions suivantes :
<?xml version="1.0" encoding="ISO-8859-1"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" media-type="text/html; charset=ISO-8859-1"/> <xsl:template match="/"> <html> <head> <title> La logithèque : les <xsl:value-of select="/logitheque/@nom"/> </title> </head> <body> <h2> Les <xsl:value-of select="/logitheque/@nom"/> </h2> <table border="0" width="60%" class="produit"> <tr> <th colspan="3">Logiciel</th> </tr> <tr> <th style="text-align:left">Editeur</th> <th>Langue</th> <th>OS</th> </tr> <xsl:apply-templates select="/logitheque/logiciel"> <xsl:sort select="nom"/> </xsl:apply-templates> </table> </body> </html> </xsl:template> <xsl:template match="/logitheque/logiciel"> <tr> <td colspan="3" class="c1"> <xsl:choose> <xsl:when test="editeur/@lien != ''"> <a href="{editeur/@lien}" target="_blank" style="font-size:10pt; font-weight:bold"> <xsl:apply-templates select="nom"/> </a> </xsl:when> <xsl:otherwise> <a href="failed.html" target="_blank" style="font-size:10pt; font-weight:bold"> <xsl:apply-templates select="nom"/> </a> </xsl:otherwise> </xsl:choose> - <xsl:apply-templates select="./commentaire"/> </td> </tr> <tr> <td style="white-space:nowrap"> <a href="{editeur/@lien}" target="_blank"> <xsl:apply-templates select="./editeur"/> </a> </td> <td> <xsl:apply-templates select="./langue"/> </td> <td> <xsl:apply-templates select="./plateforme"/> </td> </tr> </xsl:template> </xsl:stylesheet> |