Los últimos tutoriales de desarrollo web
 

XML y XSLT


Con XSLT puede transformar un documento XML en HTML.


Viendo XML con XSLT

XSLT (eXtensible Stylesheet Language Transformations) es el lenguaje de hojas de estilo recomendado para XML.

XSLT es mucho más sofisticado que el CSS. Con XSLT puede añadir / eliminar elementos y atributos hacia o desde el archivo de salida. También puede reorganizar y ordenar los elementos, realizar pruebas y tomar decisiones sobre qué elementos se esconden y la pantalla, y mucho más.

XSLT usa XPath para encontrar información en un documento XML.


Ejemplo XSLT

Vamos a utilizar 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>Thick slices made from our homemade sourdough bread</description>
<calories>600</calories>
</food>

<food>
<name>Homestyle Breakfast</name>
<price>$6.95</price>
<description>Two eggs, bacon or sausage, toast, and our ever-popular hash browns</description>
<calories>950</calories>
</food>

</breakfast_menu>

Utilizar XSLT para transformar XML en HTML, antes de mostrarse en un navegador:

Ejemplo hojas 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"/> calories per serving)</span>
    </p>
  </div>
</xsl:for-each>
</body>
</html>
Transformar el documento XML con XSLT »

Si desea obtener más información sobre XSLT, encontrar nuestro tutorial XSLT en nuestra página de inicio .