Transformación XSLT

Estudio de caso: cómo usar XSLT para transformar XML en XHTML.

Explicaremos los detalles de este ejemplo en la sección siguiente.

Declaración correcta de la hoja de estilo

Declarar el documento como el elemento raíz de la hoja de estilo XSL es <xsl:stylesheet> o <xsl:transform>.

Nota: <xsl:stylesheet> y <xsl:transform> son sinónimos y pueden usarse indistintamente!

De acuerdo con el estándar XSLT de W3C, el método correcto para declarar una hoja de estilo XSL es:

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

O bien:

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

Para acceder a los elementos, atributos y características de XSLT, debemos declarar el espacio de nombres XSLT en la parte superior del documento.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" apunta al espacio de nombres oficial de W3C XSLT. Si utiliza este espacio de nombres, debe incluir el atributo version="1.0".

Desde un documento XML original

Ahora vamos a convertir el siguiente documento XML ("cdcatalog.xml") a 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>

Ver archivo XML en Internet Explorer y Firefox:

Abra el archivo XML (generalmente haciendo clic en un enlace) - El documento XML se mostrará en forma de código coloreado, mostrando los elementos raíz y sus subelementos. Haga clic en el signo más o menos a la izquierda del elemento para expandir o contraer la estructura del elemento. Para ver el archivo de código XML original (sin signos más o menos), seleccione "Ver código fuente de la página" en el menú del navegador.

Ver archivo XML en Netscape 6:

Abra el archivo XML, luego haga clic derecho en él en el archivo XML y seleccione "Ver código fuente de la página". El documento XML se mostrará en forma de código coloreado, mostrando los elementos raíz y sus subelementos.

Ver archivo XML en Opera 7:

Abra el archivo XML, luego haga clic derecho en él en el archivo XML y seleccione "Estructura"/"Ver código fuente". El documento XML se mostrará como texto puro.

Ver "cdcatalog.xml".

Crear hoja de estilo XSL

Luego cree una hoja de estilo XSL con una plantilla de transformación ("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>Mi colección de CDs</h2>
    <table border="1">
    <tr bgcolor="#9acd32">
      <th align="left">Título</th>
      <th align="left">Artista</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>

Ver "cdcatalog.xsl"

Enlazar la hoja de estilo XSL al documento XML

Agregar una referencia a la hoja de estilo XSL al documento XML ("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>

Si el navegador que estás usando es compatible con XSLT, se procesará sin problemas tu XML Convertir a XHTML.

Ver resultados.

Explicaremos los detalles del ejemplo anterior en la próxima sección.