例子学习:如何把用XSLT把XML转换成XHTML.例子的详细描述在下一章。
----------------------------------
正确的样式表声明
元素根节点声明一个XSL文档的语法是:<xsl:stylesheet> or <xsl:transform>.
注:<xsl:stylesheet> and <xsl:transform>是同义词,并且只能用一个!
按照W3C XSLT的官方标准声明一个XSL样式表:
----------------------------------
正确的样式表声明
元素根节点声明一个XSL文档的语法是:<xsl:stylesheet> or <xsl:transform>.
注:<xsl:stylesheet> and <xsl:transform>是同义词,并且只能用一个!
按照W3C XSLT的官方标准声明一个XSL样式表:
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> |
or:
<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文档开始
我们把下面一个cdcatalog.xml转换成XHTML
<?xml version="1.0" encoding="ISO-8859-1"?> <catalog> <cd> <title>Empire Burlesque</title> <artist>Bob Dylan</artist> <country>USA</country> <company>Columbia</company> <price>10.90</price> <year>1985</year> </cd> . . . </catalog> |
在Firefox和Internet Explorer里面查看XML文件:简单的单击文件就可以打开XML文件。XML文件以彩色的根节点和子元素。一个+号或者-号在左边显示,点击的时候会展开或者收缩。可以从浏览器的菜单里打开XML文档查看。
在Netscape6里面查看XML文件:同上
在Opera 7里面查看XML文件:同上
-----------------------------
创建一个XSL样式表
然后你可以创建一个XSL样式表(cdcatalog.xsl)根据一个转换的模板。
<?xml version="1.0" encoding="ISO-8859-1"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/"> <html> <body> <h2>My CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th align="left">Title</th> <th align="left">Artist</th> </tr> <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet> |
然后链接XML文件和XSL样式表:
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
.
</catalog> |
然后你就可以从浏览器查看链接之后的显示了。