使用XSLT或者CSS显示 XML

一. 使用CSS显示 XML

使用 CSS 来格式化 XML 文档是有可能的。

这个是CSS文件：

CATALOG
}

在XML文件加入<?xml-stylesheet type="text/css" href="cd_catalog.css"?>，把这个 XML 文件链接到 CSS 文件：

<?xml version="1.0" encoding="ISO-8859-1"?>
使用XSLT或者CSS显示 XML

<?xml-stylesheet type="text/css" href="cd_catalog.css"?>
使用XSLT或者CSS显示 XML

<CD>

<TITLE>Empire Burlesque</TITLE>
使用XSLT或者CSS显示 XML

<ARTIST>Bob Dylan</ARTIST>
使用XSLT或者CSS显示 XML

<COUNTRY>USA</COUNTRY>
使用XSLT或者CSS显示 XML

<COMPANY>Columbia</COMPANY>
使用XSLT或者CSS显示 XML

<PRICE>10.90</PRICE>
使用XSLT或者CSS显示 XML

<YEAR>1985</YEAR>
使用XSLT或者CSS显示 XML

</CD>

<CD>

<TITLE>Hide your heart</TITLE>
使用XSLT或者CSS显示 XML

<ARTIST>Bonnie Tyler</ARTIST>
使用XSLT或者CSS显示 XML

<COUNTRY>UK</COUNTRY>
使用XSLT或者CSS显示 XML

<COMPANY>CBS Records</COMPANY>
使用XSLT或者CSS显示 XML

<PRICE>9.90</PRICE>
使用XSLT或者CSS显示 XML

<YEAR>1988</YEAR>
使用XSLT或者CSS显示 XML

</CD>

</CATALOG>

得到这样的显示效果：

使用XSLT或者CSS显示 XML

注释：使用 CSS 格式化 XML 不能代表 XML 文档样式化的未来。XML 文档应当使用 W3C 的 XSL 标准进行格式化！

二. 使用XSLT显示 XML

XSLT 是首选的 XML 样式表语言。

XSLT (eXtensible Stylesheet Language Transformations) 远比 CSS 更加完善。

使用 XSLT 的方法之一是在浏览器显示 XML 文件之前，先把它转换为 HTML.

XSLT文件：

<?xml version="1.0" encoding="ISO-8859-1"?>
使用XSLT或者CSS显示 XML

使用XSLT或者CSS显示 XML

<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
使用XSLT或者CSS显示 XML

<body style="font-family:Arial,helvetica,sans-serif;font-size:12pt;
使用XSLT或者CSS显示 XML

background-color:#EEEEEE">
使用XSLT或者CSS显示 XML

<xsl:for-each select="breakfast_menu/food">
使用XSLT或者CSS显示 XML

<div style="background-color:teal;color:white;padding:4px">
使用XSLT或者CSS显示 XML

<span style="font-weight:bold;color:white">
使用XSLT或者CSS显示 XML

<xsl:value-of select="name"/></span>
使用XSLT或者CSS显示 XML

- <xsl:value-of select="price"/>
使用XSLT或者CSS显示 XML

</div>

<div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
使用XSLT或者CSS显示 XML

<xsl:value-of select="description"/>
使用XSLT或者CSS显示 XML

<span style="font-style:italic">
使用XSLT或者CSS显示 XML

(<xsl:value-of select="calories"/> calories per serving)
使用XSLT或者CSS显示 XML

</span>

</div>

</xsl:for-each>
使用XSLT或者CSS显示 XML

</body>

</html>

下面是此 XML 文件的一个片断。第二行，<?xml-stylesheet type="text/xsl" href="simple.xsl"?>，把这个 XML 文件链接到 XSL 文件：

<?xml version="1.0" encoding="ISO-8859-1"?>
使用XSLT或者CSS显示 XML

<?xml-stylesheet type="text/xsl" href="simple.xsl"?>
使用XSLT或者CSS显示 XML

<breakfast_menu>
使用XSLT或者CSS显示 XML

<food>

<name>Belgian Waffles</name>
使用XSLT或者CSS显示 XML

<price>$5.95</price>
使用XSLT或者CSS显示 XML

<description>
使用XSLT或者CSS显示 XML

two of our famous Belgian Waffles
使用XSLT或者CSS显示 XML

</description>
使用XSLT或者CSS显示 XML

<calories>650</calories>
使用XSLT或者CSS显示 XML

</food>

</breakfast_menu>

效果图：

使用XSLT或者CSS显示 XML