|
File: Data.xml
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="Transform.xslt" ?>
<html>
<head>
<title>A simple HTML page</title>
<style type="text/css">
body { font-family: Verdana, Arial, sans-serif; font-size: 12px;}
</style>
</head>
<body>
<h1>Our neighbours</h1>
<h2>Venus</h2>
<ul>
<li><strong>A</strong> 5</li>
<li><strong>B:</strong> 0</li>
<li><strong>C:</strong> 4</li>
<li><strong>D:</strong> 2</li>
<li><strong>E:</strong> 4</li>
</ul>
<h2>Mars</h2>
<ul>
<li><strong>A</strong> 4</li>
<li><strong>B:</strong> 2</li>
<li><strong>C:</strong> 3</li>
<li><strong>D:</strong> 4</li>
<li><strong>E:</strong> 6</li>
</ul>
</body>
</html>
File: Transform.xslt
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" version="4.0" indent="yes"/>
<xsl:template match="node()|@*">
<xsl:copy>
<xsl:apply-templates select="node()|@*"/>
</xsl:copy>
</xsl:template>
<xsl:template match="body">
<body>
<p>
<a href="http://www.nasa.gov/">Visit NASA!</a> | <a href="http://www.nineplanets.org/">Tour the solar system</a>
</p>
<h2>Quick reference</h2>
<ul>
<xsl:for-each select="h2">
<li>
<a>
<xsl:attribute name="href">
#<xsl:value-of select="text()"/></xsl:attribute>
<xsl:value-of select="text()"/>
</a>
</li>
</xsl:for-each>
</ul>
<xsl:apply-templates/>
<hr/>
Copyright Planetary Fun 2006.
</body>
</xsl:template>
<xsl:template match="h2">
<a>
<xsl:attribute name="name"><xsl:value-of select="text()"/></xsl:attribute>
<h2>
<xsl:apply-templates/>
</h2>
</a>
</xsl:template>
</xsl:stylesheet>
Output:
<?xml-stylesheet type="text/xsl" href="Transform.xslt" ><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>A simple HTML page</title>
<style type="text/css">
body { font-family: Verdana, Arial, sans-serif; font-size: 12px;}
</style>
</head>
<body>
<p><a href="http://www.nasa.gov/">Visit NASA!</a> | <a href="http://www.nineplanets.org/">Tour the solar system</a></p>
<h2>Quick reference</h2>
<ul>
<li><a href="%0A #Venus">Venus</a></li>
<li><a href="%0A #Mars">Mars</a></li>
</ul>
<h1>Our neighbours</h1>
<a name="Venus">
<h2>Venus</h2></a>
<ul>
<li><strong>A</strong> 5
</li>
<li><strong>B:</strong> 0
</li>
<li><strong>C:</strong> 4
</li>
<li><strong>D:</strong> 2
</li>
<li><strong>E:</strong> 4
</li>
</ul>
<a name="Mars">
<h2>Mars</h2></a>
<ul>
<li><strong>A</strong> 4
</li>
<li><strong>B:</strong> 2
</li>
<li><strong>C:</strong> 3
</li>
<li><strong>D:</strong> 4
</li>
<li><strong>E:</strong> 6
</li>
</ul>
<hr>
Copyright Planetary Fun 2006.
</body>
</html>
|