XML y XSLT

A través de XSLT, puedes convertir documentos XML en HTML.

Usar XSLT para mostrar XML

XSLT（Extensible Stylesheet Language Transformations），es el lenguaje de estilo recomendado para XML.

XSLT es mucho más complejo que CSS. A través de XSLT, puedes agregar o eliminar elementos y atributos en el archivo de salida. También puedes reordenar y ordenar elementos, ejecutar pruebas y decidir qué elementos ocultar o mostrar, entre otros.

XSLT utiliza XPath para buscar información en el documento XML.

Ejemplo de XSLT

Vamos a usar el siguiente documento XML:

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>Two of our famous Belgian Waffles with plenty of real maple syrup</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry Belgian Waffles</name>
<price>$7.95</price>
<description>Light Belgian waffles covered with strawberries and whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry Belgian Waffles</name>
<price>$8.95</price>
<description>Light Belgian waffles covered with an assortment of fresh berries and whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>French Toast</name>
<price>$4.50</price>
<description>Rebanadas gruesas hechas con nuestro pan de harina de trigo entero casero</description>
<calories>600</calories>
</food>
<food>
<name>Desayuno Casero</name>
<price>$6.95</price>
<description>Dos huevos, tocino o salchicha, tostadas y nuestras siempre populares papas fritas</description>
<calories>950</calories>
</food>
</breakfast_menu>

Antes de mostrarlo en el navegador, convierte XML a HTML usando XSLT:

Ejemplo de estilo XSLT:

<?xml version="1.0" encoding="UTF-8"?>
<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<body style="font-family:Arial;font-size:12pt;background-color:#EEEEEE">
<xsl:for-each select="breakfast_menu/food">
  <div style="background-color:teal;color:white;padding:4px">
    <span style="font-weight:bold"><xsl:value-of select="name"/> - </span>
    <xsl:value-of select="price"/>
    </div>
  <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
    <p>
    <xsl:value-of select="description"/>
    <span style="font-style:italic">(\<xsl:value-of select="calories"/> calorías por porción)</span>
    </p>
  </div>
</xsl:for-each>
</body>
</html>

Pruebe personalmente

Tutorial de XSLT

Si desea obtener más información sobre XSLT, visite nuestra Tutorial de XSLT.