XML入门教程:使用XSL显示XML

通过使用XSL，您可以向XML文档添加显示信息。

使用XSL显示XML

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

XSL远比CSS更加完善。使用XSL的方法之一是在浏览器显示XML文件之前，先把它转换为HTML，正如以下的这些例子演示的那样：

查看XML文件:

？xml version="1.0" encoding="ISO-8859-1" ？
- !-- Edited with XML Spy v2007 (http://www.altova.com)
--
- breakfast_menu
- food
nameBelgian Waffles/name
price5.95/price
descriptiontwo of our famous Belgian Waffles with plenty of real maple syrup/description
calories650/calories
/food
- food
nameStrawberry Belgian Waffles/name
price7.95/price
descriptionlight Belgian waffles covered with strawberries and whipped cream/description
calories900/calories
/food
- food
nameBerry-Berry Belgian Waffles/name
price8.95/price
descriptionlight Belgian waffles covered with an assortment of fresh berries and whipped cream/description
calories900/calories
/food
- food
nameFrench Toast/name
price4.50/price
descriptionthick slices made from our homemade sourdough bread/description
calories600/calories
/food
- food
nameHomestyle Breakfast/name
price6.95/price
descriptiontwo eggs, bacon or sausage, toast, and our ever-popular hash browns/description
calories950/calories
/food
/breakfast_menu

XSL样式表:

？xml version="1.0" encoding="ISO-8859-1" ？
- !-- Edited with XML Spy v2007 (http://www.altova.com)
--
- html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml"
- body style="font-family:Arial,helvetica,sans-serif;font-size:12pt; background-color:#EEEEEE"
- xsl:for-each select="breakfast_menu/food"
- div style="background-color:teal;color:white;padding:4px"
- span style="font-weight:bold;color:white"
xsl:value-of select="name" /
/span
-
xsl:value-of select="price" /
/div
- div style="margin-left:20px;margin-bottom:1em;font-size:10pt"
xsl:value-of select="description" /
- span style="font-style:italic"
(
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
nameBelgian Waffles/name
price5.95/price
description
two of our famous Belgian Waffles
/description
calories650/calories
/food
/breakfast_menu

如果你需要学习更多有关XSL的知识，请访问我们的《XSL教程》。