通过使用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教程》。
新闻热点
疑难解答