XML入门教程:使用XSL显示XML

通过使用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.pin5i.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.pin5i.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>

 感谢原创者的辛勤劳动,希望对您有所帮助,转载请注明原出处。
 您可能对 [XML] 的这些文章也感兴趣:

编写结构完整的XML文档
XML和XSLT结合使你的网站设计浑然一体
了解WEB页面工具语言XML(六)展望
XML入门教程:了解认识XML
XML教程—编写结构完整的XML文档
XML轻松学习手册(7)XML相关资源
XHTML基础问答
XML 资源大全
XML的十个基本特点
XML入门教程:使用XSL显示XML