使用XSLT或者CSS显示 XML

一. 使用CSS显示 XML

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

这个是CSS文件：

CATALOG

{

background-color: #ffffff;

width: 100%;

}

{

display: block;

margin-bottom: 30pt;

margin-left: 0;

}

TITLE

{

color: #FF0000;

font-size: 20pt;

}

ARTIST

{

color: #0000FF;

font-size: 20pt;

}

COUNTRY,PRICE,YEAR,COMPANY

{

display: block;

color: #000000;

margin-left: 20pt;

}

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

<?xml version="1.0" encoding="ISO-8859-1"?>

<?xml-stylesheet type="text/css" href="cd_catalog.css"?>

<CD>

<TITLE>Empire Burlesque</TITLE>

<ARTIST>Bob Dylan</ARTIST>

<COMPANY>Columbia</COMPANY>

</CD>

<CD>

<TITLE>Hide your heart</TITLE>

<ARTIST>Bonnie Tyler</ARTIST>

<COMPANY>CBS Records</COMPANY>

</CD>

</CATALOG>

得到这样的显示效果：

注释：使用 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"?>

<body style="font-family:Arial,helvetica,sans-serif;font-size:12pt;

background-color:#EEEEEE">

<xsl:for-each select="breakfast_menu/food">

<xsl:value-of select="name"/></span>

- <xsl:value-of select="price"/>

</div>

<xsl:value-of select="description"/>

(<xsl:value-of select="calories"/> calories per serving)

</span>

</div>

</xsl:for-each>

</body>

</html>

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

<?xml version="1.0" encoding="ISO-8859-1"?>

<?xml-stylesheet type="text/xsl" href="simple.xsl"?>

<breakfast_menu>

<food>

<name>Belgian Waffles</name>

two of our famous Belgian Waffles

</description>

</food>

</breakfast_menu>

效果图：

posted on 2009-05-18 14:46 炜升阅读(348) 评论(0) 编辑收藏举报

使用XSLT或者CSS显示 XML

佛说：你错了,尘是擦不掉的。于是我将心剥了下来。

佛又对我说：你又错了，尘本非尘,何来有尘。