XML使用XSL样式表在浏览器中以XHTML样式展示

最新推荐文章于 2022-03-29 19:59:38 发布

木木老蔫

最新推荐文章于 2022-03-29 19:59:38 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：实用软件技巧前端&设计技巧文章标签： xml xhtml xsl

本文链接：https://blog.youkuaiyun.com/akmumu/article/details/50755337

实用软件技巧同时被 2 个专栏收录

40 篇文章

订阅专栏

前端&设计技巧

17 篇文章

订阅专栏

本文介绍如何通过在XML文档中引入XSL样式表来定制显示样式，包括创建XSL文件的方法及如何使XML文件引用该XSL文件。

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

从一个原始的 XML(cdcatalog.xml)文档开始

 
        1
       
        2
       
        3
       
        4
       
        5
       
        6
       
        7
       
        8
       
        9
       
        10
       
        11
       
        12
       
        13
       
        14
       
        <?
        xml 
        version
        =
        "1.0"
         
        encoding
        =
        "ISO-8859-1"
        ?>
       
        <catalog>
       
        <cd>
       
        <title>
        Empire Burlesque
        </title>
       
        <uri>
        www.akmumu.com
        </uri>
       
        <country>
        USA
        </country>
       
        <company>
        Columbia
        </company>
       
        <price>
        10.90
        </price>
       
        <year>
        1985
        </year>
       
        </cd>
       
        .
       
        .
       
        .
       
        </catalog>

这时候使用浏览器访问xml文件，会以各浏览器的标准xml样式展示，有的时候我们需要以自己定义的样式预览，比如定义一个a标签，里面有xml的链接，并可以点击，这时候我们需要建立一个XSL（cdcatalog.xsl）样式表文件如下：

  
         1
       
         2
       
         3
       
         4
       
         5
       
         6
       
         7
       
         8
       
         9
       
         10
       
         11
       
         12
       
         13
       
         14
       
         15
       
         16
       
         17
       
         18
       
         19
       
         20
       
         21
       
         22
       
         23
       
         24
       
         25
       
         26
       
         27
       
        <?
        xml 
        version
        =
        "1.0"
         
        encoding
        =
        "UTF-8"
        ?> 
       
        <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"
        >
        url
        </th>
       
        </tr>
       
        <xsl:for-each 
        select
        =
        "catalog/cd"
        >
         
        <tr>
         
        <td>
        <xsl:value-of 
        select
        =
        "title"
        />
        </td>
         
        <td>
       
        <xsl:element 
        name
        =
        "a"
        >
         
        <xsl:attribute 
        name
        =
        "href"
        >
        <xsl:value-of select
        =“uri”
        >
        </xsl:value-of>
        </xsl:attribute>
       
        <xsl:attribute 
        name
        =
        "target"
        >
        _blank
        </xsl:attribute>
       
        <xsl:value-of 
        select
        =
        "uri"
        >
        </xsl:value-of>
         
        </xsl:element>
       
        </td>
         
        </tr>
         
        </xsl:for-each>
       
        </table>
         
        </body>
       
        </html>
       
        </xsl:template>
         
        </xsl:stylesheet>

这时候我们只需要向原xml文件增加一行
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
如：

 
         1
       
         2
       
         3
       
         4
       
         5
       
         6
       
         7
       
         8
       
         9
       
         10
       
         11
       
         12
       
         13
       
         14
       
         15
       
        <?
        xml 
        version
        =
        "1.0"
         
        encoding
        =
        "ISO-8859-1"
        ?>
       
        <?
        xml
        -
        stylesheet 
        type
        =
        "text/xsl"
         
        href
        =
        "cdcatalog.xsl"
        ?>
       
        <catalog>
       
        <cd>
       
        <title>
        Empire Burlesque
        </title>
       
        <uri>
        www.akmumu.com
        </uri>
       
        <country>
        USA
        </country>
       
        <company>
        Columbia
        </company>
       
        <price>
        10.90
        </price>
       
        <year>
        1985
        </year>
       
        </cd>
       
        .
       
        .
       
        .
       
        </catalog>