top
Loading...
XSLT 轉換

XSLT - 轉換


實例研究:如何使用 XSLT 將 XML 轉換為 XHTML。

我們會在下一章對本實例的細節進行解釋。


正確的樣式表聲明

把文檔聲明為 XSL 樣式表的根元素是 <xsl:stylesheet> 或 <xsl:transform>。

注意:<xsl:stylesheet> 和 <xsl:transform> 是完全同義的,均可被使用!

根據 W3C 的 XSLT 標准,聲明 XSL 樣式表的正確方法是:

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

或者:

<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 文檔("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 源文件(不帶有加號和減號),請在瀏覽器菜單中選擇"查看頁面源代碼"或"查看源代碼"。

在 Netscape 6 中查看 XML 文件:打開 XML 文件,然後在 XML 文件中右擊,併選擇"查看頁面源代碼"。XML 文檔會以顏色化的代碼方式來顯示根元素及子元素。

在 Opera 7 中查看 XML 文件:打開 XML 文件,然後在 XML 文件中右擊,選擇"框架"/"查看源代碼"。XML 文檔將顯示為純文本。

查看 "cdcatalog.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>Title</th>
<th>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>

查看 "cdcatalog.xsl"


把 XSL 樣式表鏈接到 XML 文檔

向 XML 文檔("cdcatalog.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>

如果您使用的瀏覽器兼容 XSLT,它會很順利地把您的 XML 轉換為 XHTML。

查看結果

我們會在下一章對上面的例子中的細節進行解釋。


北斗有巢氏 有巢氏北斗