用xml和xsl做网页实例

最新推荐文章于 2014-09-16 20:55:00 发布

超级谷歌

最新推荐文章于 2014-09-16 20:55:00 发布

阅读量3k

点赞数

分类专栏：ＸＭＬ文章标签： xsl xml stylesheet encoding 浏览器 border

本文链接：https://blog.csdn.net/it_man/article/details/7210299

版权

ＸＭＬ专栏收录该内容

5 篇文章

订阅专栏

本文演示了如何使用XML和XSL创建网页，并通过示例代码解释了XML文件和XSL样式表的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用xml和xsl做网页。直接大家保存两个文件运行即可。

cdcatalog.xml 相当于html
cdcatalog.xsl 相当于css

cdcatalog.xml

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>

<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
 <cd>
    <title>Empire Burlesqu2e</title>
    <artist>Bob Dyla2n</artist>
    <country>USA2</country>
    <company>Columbia2</company>
    <price>10.91</price>
    <year>1983</year>
  </cd> <cd>
    <title>Empire Burlesqu2e</title>
    <artist>Bob Dyla2n</artist>
    <country>USA2</country>
    <company>Columbia2</company>
    <price>10.91</price>
    <year>1983</year>
  </cd> <cd>
    <title>Empire Burlesqu2e</title>
    <artist>Bob Dyla2n</artist>
    <country>USA2</country>
    <company>Columbia2</company>
    <price>10.91</price>
    <year>1983</year>
  </cd> <cd>
    <title>Empire Burlesqu2e</title>
    <artist>Bob Dyla2n</artist>
    <country>USA2</country>
    <company>Columbia2</company>
    <price>10.91</price>
    <year>1983</year>
  </cd> <cd>
    <title>Empire Burlesqu2e</title>
    <artist>Bob Dyla2n</artist>
    <country>USA2</country>
    <company>Columbia2</company>
    <price>10.91</price>
    <year>1983</year>
  </cd>
</catalog>

cdcatalog.xsl

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

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <body>
    <h2>My CD Collection</h2>
    <table border="1">
    <tr bgcolor="#9acd32">
      <th align="left">Title</th>
      <th align="left">Artist</th>
    </tr>
    <xsl:for-each select="catalog/cd">
    <tr>
      <td><xsl:value-of select="title"/></td>
      <td><xsl:value-of select="artist"/></td>
    </tr>
    </xsl:for-each>
    </table>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>

用浏览器打开cdcatalog.xml看效果。大多数浏览器和编程语言都支持的。

效果：

My CD Collection

Title	Artist
Empire Burlesque	Bob Dylan
Empire Burlesqu2e	Bob Dyla2n
Empire Burlesqu2e	Bob Dyla2n
Empire Burlesqu2e	Bob Dyla2n
Empire Burlesqu2e	Bob Dyla2n
Empire Burlesqu2e	Bob Dyla2n