實例研究:如何使用XSLT將XML轉換為XHTML?
這個例子的細節將在下一章來解釋。
正確的樣式表聲明
聲明該文檔的根元素是XSL樣式表是<xsl:stylesheet>或<xsl:transform> 。
Note: <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文檔
我們要transform下面的XML文檔("cdcatalog.xml")到XHTML:
<?xml version="1.0" encoding="UTF-8"?>
<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>
Viewing XML Files in IE, Chrome, Firefox, Safari, and Opera:打開XML文件(點擊以下鏈接) - XML文檔將用顏色編碼的根和子元素來顯示(except in Safari) 通常,有一個加(+)或負號(-)的是可點擊的展開或折疊的元件結構中的元素的左側。 提示:要查看原始的XML源,右擊XML文件,選擇“查看源文件”!
創建一個XSL樣式表
然後創建一個XSL樣式表("cdcatalog.xsl")與轉換模板:
<?xml version="1.0" encoding="UTF-8"?>
<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>
鏈接XSL樣式表到XML文檔中
XSL樣式表引用添加到您的XML文檔("cdcatalog.xml")
<?xml version="1.0" encoding="UTF-8"?>
<?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的瀏覽器,它會很好地transform您的XML轉換為XHTML。
這個例子的細節上面將在接下來的章節中解釋。