http://wbex.ru/index.php?action=history&feed=atom&title=XML_Tutorial%2FXSLT_stylesheet%2Fhtml_output
XML Tutorial/XSLT stylesheet/html output - История изменений
2026-04-04T18:20:22Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=XML_Tutorial/XSLT_stylesheet/html_output&diff=10775&oldid=prev
Admin: 1 версия
2010-05-26T08:26:53Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:26, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=XML_Tutorial/XSLT_stylesheet/html_output&diff=10774&oldid=prev
в 18:22, 25 мая 2010
2010-05-25T18:22:32Z
<p></p>
<p><b>Новая страница</b></p><div>== Format html output with CSS==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
File: Data.xml<br />
<?xml version="1.0" encoding="UTF-8"?><br />
<?xml-stylesheet href="Transform.xslt" type="text/xsl"?><br />
<europe><br />
<state>Belgium</state><br />
<state>Russia</state><br />
<state>San Marino</state><br />
<state>Switzerland</state><br />
</europe><br />
<br />
File: Transform.xslt<br />
<?xml version="1.0" encoding="UTF-8"?><br />
<xsl:stylesheet version="1.0"<br />
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><br />
<xsl:template match="europe"><br />
<html><br />
<head><br />
<title>European States</title><br />
</head><br />
<style type="text/css"><br />
body {font-family: sans-serif}<br />
</style><br />
<body><br />
<h3>Alphabetical List of European States</h3><br />
<paragraph><br />
<b>Total Number of States:</b><br />
<xsl:text> </xsl:text><br />
<xsl:value-of select="count(state)" /><br />
</paragraph><br />
<ul><br />
<xsl:apply-templates select="state"><br />
<xsl:sort /><br />
</xsl:apply-templates><br />
</ul><br />
</body><br />
</html><br />
</xsl:template><br />
<xsl:template match="state"><br />
<li><br />
<xsl:apply-templates /><br />
</li><br />
</xsl:template><br />
</xsl:stylesheet><br />
Output:<br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br />
<title>European States</title><br />
</head><style type="text/css"><br />
body {font-family: sans-serif}<br />
</style><body><br />
<h3>Alphabetical List of European States</h3><br />
<paragraph><b>Total Number of States:</b> 4<br />
</paragraph><br />
<ul><br />
<li>Belgium</li><br />
<li>Russia</li><br />
<li>San Marino</li><br />
<li>Switzerland</li><br />
</ul><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Format xml with html==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
File: Data.xml<br />
<name><br />
<last>A</last><br />
<first>B</first><br />
</name><br />
File: Transform.xslt<br />
<xsl:stylesheet version="1.0"<br />
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><br />
<xsl:output method="xml" indent="yes" encoding="UTF-8" /><br />
<xsl:output doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" /><br />
<xsl:output<br />
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" /><br />
<xsl:template match="name"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title><br />
<xsl:value-of select="name()" /><br />
</title><br />
</head><br />
<body><br />
<paragraph><br />
<xsl:apply-templates select="last" /><br />
</paragraph><br />
<paragraph><br />
<xsl:apply-templates select="first" /><br />
</paragraph><br />
</body><br />
</html><br />
</xsl:template><br />
</xsl:stylesheet><br />
Output:<br />
<?xml version="1.0" encoding="UTF-8"?><br />
<!DOCTYPE html<br />
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title>name</title><br />
</head><br />
<body><br />
<paragraph>A</paragraph><br />
<paragraph>B</paragraph><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Just output html tags==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
File: Data.xml<br />
<?xml version="1.0"?><br />
<fragment>2001</fragment><br />
File: Transform.xslt<br />
<?xml version="1.0" encoding="ISO-8859-1"?><br />
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"<br />
version="1.0"><br />
<xsl:output indent="yes" /><br />
<xsl:template match="/"><br />
<html><br />
<head><br />
<title>Contact Info</title><br />
</head><br />
<body<br />
style="font-size:12px; font-family: Verdana, Arial, Helvetica;"><br />
contact me<br />
</body><br />
</html><br />
</xsl:template><br />
</xsl:stylesheet><br />
Output:<br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br />
<title>Contact Info</title><br />
</head><br />
<body style="font-size:12px; font-family: Verdana, Arial, Helvetica;"><br />
contact me<br />
<br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Output entity==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
File: Data.xml<br />
<br />
<?xml version="1.0"?><br />
<fragment>2001</fragment><br />
File: Transform.xslt<br />
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"<br />
version="1.0"><br />
<xsl:output indent="yes" /><br />
<xsl:template match="/"><br />
<html><br />
<head><br />
<title>Contact Info</title><br />
</head><br />
<body<br />
style="font-size:12px; font-family: Verdana, Arial, Helvetica;"><br />
&#169; test<br />
</body><br />
</html><br />
</xsl:template><br />
</xsl:stylesheet><br />
Output:<br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br />
<title>Contact Info</title><br />
</head><br />
<body style="font-size:12px; font-family: Verdana, Arial, Helvetica;"><br />
?est<br />
<br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Output one type of HTML tags per template==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
File: Data.xml<br />
<br />
File: Transform.xslt<br />
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"<br />
version="1.0"><br />
<xsl:template match="chapter"><br />
<html><br />
<xsl:apply-templates /><br />
</html><br />
</xsl:template><br />
<xsl:template match="para"><br />
<paragraph><br />
<xsl:apply-templates /><br />
</paragraph><br />
</xsl:template><br />
<xsl:template match="chapter/title"><br />
<h1><br />
<xsl:apply-templates /><br />
</h1><br />
</xsl:template><br />
<xsl:template match="emphasis"><br />
<i><br />
<xsl:apply-templates /><br />
</i><br />
</xsl:template><br />
</xsl:stylesheet><br />
Output:<br />
<?xml version="1.0" encoding="UTF-8"?>2001</source><br />
<br />
<br />
<br />
== Output to a list==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
File: Data.xml<br />
<?xml version = "1.0"?><br />
<product><br />
<books><br />
<book>Java</book><br />
<book>C How to Program</book><br />
</books><br />
</product><br />
File: Transform.xslt<br />
<?xml version = "1.0"?><br />
<xsl:stylesheet version="1.0"<br />
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><br />
<xsl:template match="/product"><br />
<em><br />
<xsl:value-of select="title" /><br />
</em><br />
<li><br />
<em><br />
<xsl:value-of select="book" /><br />
</em><br />
</li><br />
<li><br />
<em><br />
<xsl:value-of select="cd" /><br />
</em><br />
</li><br />
</xsl:template><br />
</xsl:stylesheet><br />
Output:<br />
<?xml version="1.0" encoding="UTF-8"?><em/><li><em/></li><li><em/></li></source><br />
<br />
<br />
<br />
== Use different font style to format element==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
File: Data.xml<br />
<?xml version="1.0"?><br />
<?xml-stylesheet type="text/xsl" href="Transform.xslt"?><br />
<BOOK><br />
<TITLE>Java</TITLE><br />
<AUTHOR><br />
<FIRSTNAME>Doris</FIRSTNAME><br />
<LASTNAME>Smith</LASTNAME><br />
</AUTHOR><br />
<BINDING>hardcover</BINDING><br />
<PAGES>724</PAGES><br />
<PRICE>$9.95</PRICE><br />
</BOOK><br />
File: Transform.xslt<br />
<?xml version="1.0"?><br />
<xsl:stylesheet<br />
version="1.0" <br />
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><br />
<xsl:template match="/"><br />
<HTML><br />
<HEAD><br />
<TITLE>Book Inventory</TITLE><br />
</HEAD><br />
<BODY><br />
<H2>Book Inventory</H2><br />
<xsl:apply-templates select="INVENTORY/BOOK" /><br />
</BODY><br />
</HTML><br />
</xsl:template><br />
<xsl:template match="BOOK"><br />
<SPAN STYLE="font-style:italic">Title: </SPAN><br />
<xsl:value-of select="TITLE"/><BR/><br />
<SPAN STYLE="font-style:italic">Author: </SPAN><br />
<xsl:value-of select="AUTHOR"/><BR/><br />
<SPAN STYLE="font-style:italic">Binding type: </SPAN><br />
<xsl:value-of select="BINDING"/><BR/><br />
<SPAN STYLE="font-style:italic">Number of pages: </SPAN><br />
<xsl:value-of select="PAGES"/><BR/><br />
<SPAN STYLE="font-style:italic">Price: </SPAN><br />
<xsl:value-of select="PRICE"/><P/><br />
</xsl:template><br />
</xsl:stylesheet><br />
Output:<br />
<HTML><br />
<HEAD><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br />
<TITLE>Book Inventory</TITLE><br />
</HEAD><br />
<BODY><br />
<H2>Book Inventory</H2><br />
</BODY><br />
</HTML></source><br />
<br />
<br />
<br />
== Use html to format xml document==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
File: Data.xml<br />
<?xml version="1.0"?><br />
<?xml-stylesheet href="Transform.xslt" type="text/xsl" ?><br />
<poem><br />
<title>"title 1" excerpt</title><br />
<verse><br />
A<br />
<prop>B</prop><br />
C<br />
</verse><br />
<verse>line 1</verse><br />
<verse>line 2</verse><br />
<verse>line 3</verse><br />
<verse>line 4</verse><br />
</poem><br />
<br />
File: Transform.xslt<br />
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"<br />
version="1.0"><br />
<xsl:output method="html"/><br />
<xsl:template match="poem"><br />
<html><body><br />
<xsl:apply-templates/><br />
</body></html><br />
</xsl:template><br />
<xsl:template match="title"><br />
<h1><xsl:apply-templates/></h1><br />
</xsl:template><br />
<xsl:template match="verse"><br />
<paragraph><xsl:apply-templates/></p><br />
</xsl:template><br />
<xsl:template match="prop"><br />
<i><xsl:apply-templates/></i><br />
</xsl:template><br />
<br />
</xsl:stylesheet><br />
Output:<br />
<html><br />
<body><br />
<br />
<h1>"title 1" excerpt</h1><br />
<br />
<paragraph><br />
A<br />
<i>B</i><br />
C<br />
<br />
</paragraph><br />
<br />
<paragraph>line 1</paragraph><br />
<br />
<paragraph>line 2</paragraph><br />
<br />
<paragraph>line 3</paragraph><br />
<br />
<paragraph>line 4</paragraph><br />
<br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Use <span> tag to format xml element==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
File: Data.xml<br />
<?xml version="1.0"?><br />
<?xml-stylesheet type="text/xsl" href="Transform.xslt"?><br />
<BOOK><br />
<TITLE>title 1</TITLE><br />
<AUTHOR><br />
<FIRSTNAME>A</FIRSTNAME><br />
<LASTNAME>B</LASTNAME><br />
</AUTHOR><br />
<BINDING>hardcover</BINDING><br />
<PAGES>724</PAGES><br />
<PRICE>$9.95</PRICE><br />
</BOOK><br />
File: Transform.xslt<br />
<?xml version="1.0"?><br />
<xsl:stylesheet<br />
version="1.0" <br />
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><br />
<xsl:template match="/"><br />
<HTML><br />
<HEAD><br />
<TITLE>Book Inventory</TITLE><br />
</HEAD><br />
<BODY><br />
<H2>Book Inventory</H2><br />
<xsl:for-each select="INVENTORY/BOOK"><br />
<SPAN STYLE="font-style:italic">Title: </SPAN><br />
<xsl:value-of select="TITLE"/><BR/><br />
<SPAN STYLE="font-style:italic">Author: </SPAN><br />
<xsl:value-of select="AUTHOR"/><BR/><br />
<SPAN STYLE="font-style:italic">Binding type: </SPAN><br />
<xsl:value-of select="BINDING"/><BR/><br />
<SPAN STYLE="font-style:italic">Number of pages: </SPAN><br />
<xsl:value-of select="PAGES"/><BR/><br />
<SPAN STYLE="font-style:italic">Price: </SPAN><br />
<xsl:value-of select="PRICE"/><P/><br />
</xsl:for-each><br />
</BODY><br />
</HTML><br />
</xsl:template><br />
</xsl:stylesheet><br />
Output:<br />
<HTML><br />
<HEAD><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br />
<TITLE>Book Inventory</TITLE><br />
</HEAD><br />
<BODY><br />
<H2>Book Inventory</H2><br />
</BODY><br />
</HTML></source></div>