通過使用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教程》。
新聞熱點
疑難解答
