XSLT 转换

实例研究:如何使用 XSLT 将 XML 转换为 XHTML。

我们会在下一节对本例的细节进行解释。


正确的样式表声明

把文档声明为 XSL 样式表的根元素是 <xsl:stylesheet> 或 <xsl:transform>。注释: <xsl:stylesheet> 和 <xsl:transform> 是完全同义的,均可被使用!根据 W3C 的 XSLT 标准,声明 XSL 样式表的正确方法是:

  1. <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

或者:

  1. <xsl:transform version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

如需访问 XSLT 的元素、属性以及特性,我们必须在文档顶端声明 XSLT 命名空间。

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 指向了官方的 W3C XSLT 命名空间。如果您使用此命名空间,就必须包含属性 version="1.0"。


从一个原始的 XML 文档开始

我们现在要把下面这个 XML 文档("cd.xml")转换为 XHTML (查看 XML 源文件):

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <catalog>
  3. <cd>
  4. <title>Empire Burlesque</title>
  5. <artist>Bob Dylan</artist>
  6. <country>USA</country>
  7. <company>Columbia</company>
  8. <price>10.90</price>
  9. <year>1985</year>
  10. </cd>
  11. .
  12. .
  13. .
  14. </catalog>
在 Internet Explorer 和 Firefox 中查看 XML 文件:

打开 XML 文件(通常通过点击某个链接) - XML 文档会以颜色化的代码方式来显示根元素及子元素。点击元素左侧的加号或减号可展开或收缩元素的结构。如需查看原始的XML源文件(不带有加号和减号),请在浏览器菜单中选择“查看页面源代码”。

在 Netscape 6 中查看 XML 文件:

打开 XML 文件,然后在 XML 文件中右击,并选择“查看页面源代码”。XML文档会以颜色化的代码方式来显示根元素及子元素。

在 Opera 7 中查看 XML 文件:

打开 XML 文件,然后在XML文件中右击,选择“框架”/“查看源代码”。XML文档将显示为纯文本。


创建 XSL 样式表

然后创建一个带有转换模板的 XSL 样式表("cd.xsl"):

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  3. <xsl:template match="/">
  4. <html>
  5. <body>
  6. <h2>My CD Collection</h2>
  7. <table border="1">
  8. <tr bgcolor="#9acd32">
  9. <th align="left">Title</th>
  10. <th align="left">Artist</th>
  11. </tr>
  12. <xsl:for-each select="catalog/cd">
  13. <tr>
  14. <td><xsl:value-of select="title"/></td>
  15. <td><xsl:value-of select="artist"/></td>
  16. </tr>
  17. </xsl:for-each>
  18. </table>
  19. </body>
  20. </html>
  21. </xsl:template>
  22. </xsl:stylesheet>

查看 cd.xsl 源文件


把 XSL 样式表链接到 XML 文档

向 XML 文档("cd.xml")添加 XSL 样式表引用:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <?xml-stylesheet type="text/xsl" href="cd.xsl"?>
  3. <catalog>
  4. <cd>
  5. <title>Empire Burlesque</title>
  6. <artist>Bob Dylan</artist>
  7. <country>USA</country>
  8. <company>Columbia</company>
  9. <price>10.90</price>
  10. <year>1985</year>
  11. </cd>
  12. .
  13. .
  14. .
  15. </catalog>

如果您使用的浏览器兼容 XSLT,它会很顺利地把您的 XML 转换为 XHTML。

查看结果

我们会在下一节对上面的例子中的细节进行解释。