通过使用XSL，您可以向XML文档添加显示信息。
使用XSL显示XML
XSL是首选的XML样式表语言。
XSL远比CSS更加完善。使用XSL的方法之一是在浏览器显示XML文件之前，先把它转换为HTML，正如以下的这些例子演示的那样：
查看XML文件:
<?xml version="1.0" encoding="ISO-8859-1" ?>
- <!-- Edited with XML Spy v2007 (http://www.altova.com)
-->
- <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>
XSL样式表:
<?xml version="1.0" encoding="ISO-8859-1" ?>
- <!-- Edited with XML Spy v2007 (http://www.altova.com)
-->
- <html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
- <body style="font-family:Arial,helvetica,sans-serif;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;color:white">
<xsl:value-of select="name" />
</span>
-
<xsl:value-of select="price" />
</div>
- <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
<xsl:value-of select="description" />
- <span style="font-style:italic">
(
<xsl:value-of select="calories" />
calories per serving)
</span>
</div>
</xsl:for-each>
</body>
</html>
查看结果。
下面是此XML文件的一个片断。 第二行，<?xml-stylesheet type="text/xsl" href="simple.xsl"?>，把这个XML文件链接到XSL文件：
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="simple.xsl"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>
two of our famous Belgian Waffles
</description>
<calories>650</calories>
</food>
</breakfast_menu>
如果你需要学习更多有关XSL的知识，请访问我们的《XSL教程》。
征集网┊锐志网络┊淘途┊找素材上91┊
交互设计
大赛征集
看酷站
当前位置：首页
> 教程 > 网站重构
> 正文
在线编辑：morion
本文链接：
