DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> XML入門教程:使用XSL顯示XML
XML入門教程:使用XSL顯示XML
編輯: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.52joke.cn)
  -->
- <breakfast_menu>
- <food>
  <name>Belgian Waffles</name>
  <price>$5.95</price>
  <description>two of our famous Belgian Waffles with plenty of real maple syrup</description>
  <calories>650</calorIEs>
  </food>
- <food>
  <name>Strawberry Belgian Waffles</name>
  <price>$7.95</price>
  <description>light Belgian waffles covered with strawberrIEs and whipped cream</description>
  <calories>900</calorIEs>
  </food>
- <food>
  <name>Berry-Berry Belgian Waffles</name>
  <price>$8.95</price>
  <description>light Belgian waffles covered with an assortment of fresh berrIEs and whipped cream</description>
<calories>900</calorIEs>
  </food>
- <food>
  <name>French Toast</name>
  <price>$4.50</price>
  <description>thick slices made from our homemade sourdough bread</description>
  <calories>600</calorIEs>
  </food>
- <food>
  <name>Homestyle Breakfast</name>
  <price>$6.95</price>
  <description>two eggs, bacon or sausage, toast, and our ever-popular hash browns</description>
  <calories>950</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>
    <name>Belgian Waffles</name>
    <price>$5.95</price>
    <description>
   two of our famous Belgian Waffles
    </description>
    <calories>650</calorIEs>
  </food>
</breakfast_menu>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved