XML XSLT – Transform XML into HTML, Text & More

Introduction – Why Learn XML XSLT?

XSLT (Extensible Stylesheet Language Transformations) is a powerful XML-based language used to transform XML documents into other formats like HTML, plain text, or even another XML structure. If you’re building XML-driven web interfaces, APIs, or data conversion tools, mastering XSLT lets you automate and format XML content efficiently.

In this guide, you’ll learn:

• What XSLT is and how it works
• Syntax and structure of XSLT files
• How to transform XML into HTML
• Key XSLT elements and functions with examples

What Is XSLT?

XSLT is a W3C standard used to define rules for transforming XML. The transformation is controlled by an XSLT stylesheet, which defines:

• How to match XML elements
• What output to generate (HTML, text, XML)
• Optional conditions and formatting logic

XSLT works by matching nodes and applying templates.

XML + XSLT Example Structure

XML File: books.xml

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="books.xsl"?>
<library>
  <book>
    <title>XML Guide</title>
    <author>Jane Doe</author>
  </book>
</library>

XSLT File: books.xsl

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

  <xsl:template match="/">
    <html>
      <body>
        <h2>Book List</h2>
        <xsl:for-each select="library/book">
          <p><xsl:value-of select="title"/> by <xsl:value-of select="author"/></p>
        </xsl:for-each>
      </body>
    </html>
  </xsl:template>

</xsl:stylesheet>

Open books.xml in a browser to see formatted HTML.

XSLT Core Elements

Extract Data Using <xsl:value-of>

<xsl:value-of select="book/title"/>

Extracts the text value of the <title> inside <book>.

Loop with <xsl:for-each>

<xsl:for-each select="library/book">
  <p><xsl:value-of select="title"/></p>
</xsl:for-each>

Iterates over each <book> and outputs its title.

Conditionals in XSLT

Using <xsl:if>:

<xsl:if test="price > 300">
  <strong>Expensive</strong>
</xsl:if>

Using <xsl:choose>:

<xsl:choose>
  <xsl:when test="category='fiction'">Fiction</xsl:when>
  <xsl:otherwise>Other</xsl:otherwise>
</xsl:choose>

XSLT Output Types

<xsl:output method="html"/>
<xsl:output method="xml"/>
<xsl:output method="text"/>

Controls whether the final output is HTML, XML, or plain text.

Apply Templates (Recursive Processing)

<xsl:apply-templates/>

Automatically applies matching templates to child elements—useful in deep XML structures.

XSLT Transformation in JavaScript

var xsltProcessor = new XSLTProcessor();
xsltProcessor.importStylesheet(xsltDoc);
var resultDoc = xsltProcessor.transformToFragment(xmlDoc, document);
document.getElementById("output").appendChild(resultDoc);

Used for real-time client-side XML-to-HTML rendering.

Best Practices for XSLT

• ✔️ Start with a template that matches /
• ✔️ Use xsl:value-of to extract text safely
• ✔️ Use xsl:apply-templates for recursive and scalable design
• ✔️ Always declare xmlns:xsl in your stylesheet
• Avoid deeply nested logic inside templates—split them out

Summary – Recap & Next Steps

XSLT empowers developers to transform, style, and convert XML data into readable or structured output formats like HTML, plain text, or other XML schemas. It is declarative, flexible, and highly suitable for data rendering in modern applications.

Key Takeaways:

• XSLT is used to transform XML into various formats using rules
• It uses match-based templates to apply logic on elements
• Supports conditionals, loops, and output customization

Real-world relevance: Used in XML-powered dashboards, report generation, XML-to-HTML conversion, XBRL reports, and content publishing systems.

FAQs – XML XSLT

What is the purpose of XSLT?
XSLT transforms XML data into HTML, plain text, or another XML format.

Can XSLT be used in the browser?
Yes. You can use <?xml-stylesheet?> to link XSL and view the transformation in-browser.

What’s the difference between XSL and XSLT?
XSL refers to the overall styling family, XSLT is specifically for transformations.

Is XSLT still relevant today?
Yes, especially in systems that depend on XML for data representation and presentation.

Can XSLT generate JSON?
Yes, but it requires manual construction of JSON format as string output.