客户端 XML+XSLT转换输出HTML

XML(extensible markup language):是一种简单的数据存储语言，使用一系列简单的标记描述数据.
XML与HTML的设计区别是：XML是用来存储数据的，重在数据本身。而HTML是用来定义数据的，重在数据的显示模式。
XSL():是一种用于以可读格式呈现 XML 数据的语言,XSL对于XML，就像CSS对于HTML一样格式化显示的数据。

看下面的小实例：

XML文件people.xml

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml:stylesheet type="text/xsl" href="person.xsl"?>
<people>
 <person id="1">
  <first-name>Michael</first-name>
  <last-name>Yintel</last-name>
  <telephone>15888888888</telephone>
 </person>
 <person id="2">
  <first-name>Jane</first-name>
  <last-name>Smith</last-name>
  <telephone>910-521-1211</telephone>
 </person>
 <person id="3">
  <first-name>James</first-name>
  <last-name>NroBu</last-name>
  <telephone>222-111-3333</telephone>
 </person>
</people>

XSL文件person.xsl，类似html中的CSS,主要是对XML中数据显示方式进行定义：

<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="people">
<table border="1" width="100%">
<tr>
<th>ID</th>
<th>Name</th>
<th>Phone</th>
</tr>
<xsl:for-each select="person">
<tr>
<td align="center">
<xsl:value-of select="@id"/>
</td>
<td align="center">
<xsl:value-of select="last-name"/>,
<xsl:value-of select="first-name"/>
</td>
<td align="center">
<xsl:value-of select="telephone"/>
</td>
</tr>
</xsl:for-each>
</table>
</xsl:template>
</xsl:stylesheet>

在浏览器支持XML的情况下，
在people.xml文件中删除<?xml:stylesheet type="text/xsl" href="person.xsl"?>这句,页面将直接输出xml语言;
而添加<?xml:stylesheet type="text/xsl" href="person.xsl"?>,可以看到页面显示了格式化后的html页面。

另外XSL包含两部分： * XSLT – 用于转换 XML 文档的语言
　　                * XPath – 用于在 XML 文档中导航的语言
XSLT(EXtensible Stylesheet Language Trasform):是一种用于将 XML 文档转换为 XHTML 文档或其他 XML 文档的语言。
XPath: 是一种用于在 XML 文档中进行导航的语言。