XSLT - 轉換 · W3School Xml 教程

# 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"](/try/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"](/try/xml/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。 [查看結果](/try/xml/cdcatalog_with_xsl.xml) 我們會在下一章對上面的例子中的細節進行解釋。