Latest web development tutorials

transformación XSLT

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

Nosotros se explicará más detalladamente en el siguiente capítulo de este ejemplo.


declaración de hoja de estilo correcta

El documento declarada como elemento raíz hoja de estilo XSL es <xsl: stylesheet> o <xsl: transform>.

Nota: <xsl: stylesheet> y <xsl: transform> son completamente sinónimos y se pueden utilizar!

Según el estándar XSLT de W3C, forma correcta de declarar una hoja de estilo XSL es:

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

o:

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

Para acceder a los elementos XSLT, atributos y características, se debe en la parte superior del documento XSLT declaración de espacio de nombres.

xmlns: xsl = "http://www.w3.org/1999/XSL/Transform~~number=plural" apunta a funcionario de espacio de nombres W3C XSLT. Si se utiliza este espacio de nombres, debe incluir la versión atributo = "1.0".


Desde un comienzo documento XML original

Ahora queremos el siguiente documento XML ( "cdcatalog.xml")se convierte en 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 Firefox e Internet Explorer: Abra el archivo XML (por lo general haciendo clic en un enlace) - documento XML código de color de formas de mostrar el elemento raíz y elementos secundarios.Haga clic en el lado izquierdo del elemento de signo más (+) o menos (-) para ampliar o reducir elementos estructurales. Para ver el archivo de origen XML (sin signos más y menos), seleccione "Ver código fuente" o "Ver código fuente" en el menú del navegador.

Compruebe el archivo XML en Netscape 6: Abra elarchivo XML, a continuación, haga clic derecho en el archivo XML y seleccione "Ver código fuente". documento XML código de color de formas de mostrar el elemento raíz y elementos secundarios.

Compruebe el archivo XML en Opera 7: Abra elarchivo XML, a continuación, haga clic derecho en el archivo XML, seleccione "Frame" / "Ver código fuente". documento XML se mostrará como texto sin formato.

Consulte "cdcatalog.xml"


Crear hojas de estilo XSL

A continuación, crear una hoja de estilo XSL conversión plantilla con ( "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>Title</th>
<th>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>

Consulte "cdcatalog.xsl"


El enlace de la hoja de estilo XSL a un documento XML

El documento XML ( "cdcatalog.xml") para añadir una referencia a una hoja de estilo XSL:

<?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 está utilizando un navegador compatible con XSLT, sería bueno para poner su XMLen XHTML.

Ver resultados

Nosotros en el siguiente capítulo del ejemplo anterior para explicar los detalles.