当前位置: 首页 > 图文教程 > XML家族 > XML > XML入门教程:使用XSL显示XML

XML
XML中显示HTML的小技巧
使用Spry轻松将XML数据显示到HTML页的方法
得到XML文档大小的方法
SixSix翻译的XAML教程 语法简介
用Asp与XML实现交互的一个实例源码
asp下利用xml打包网站文件
javascript xml xsl取值及数据修改
jstl 字符串处理函数
XML 轻松学习手册(比较不错)
XML 非法字符(转义字符)
powerbuilder(pb)中 xml的应用一例
存储于xml中需要的HTML转义代码
读大数据量的XML文件的读取问题
用xslt将xml解析成xhtml的代码
一个用xslt样式将xml解析为xhtml的类TransformBinder(兼容FF和IE7.0)
jscript与vbscript 操作XML元素属性的代码
网页拖动元素:兼容IE与FF的拖动DOM
xml和Annotation作为配置项的优缺点

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 37 ::
收藏到网摘: n/a

通过使用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教程》。