精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
  • 让你的网站产生收益赚钱,有博客和网站的绝对不能错过
  • 将指定的流量带到你的网站,为你站增加有效的访客,为你提升业绩
  • 学习XML关于图像超链接的制作

    来源:不详 时间:07-12-23 点击: 点击这里收藏本文

    这是我今天学习的时候遇到的另一个问题,做图像超链接要把链接地址放到<a>的href属性中去,可是这就是在标签中套标签,是不可以的,查了《Web编程实做教程》,才知道正确的解决方案,现在与大家分享。

    此段代码运行需要两张图片:a.gif和b.gif。

    my.xml
    以下内容为程序代码:

    <?xml version="1.0" encoding="GB2312"?>
    <?xml-stylesheet type="text/xsl" href="mystyle.xsl"?>
    <Books>
    <Book ID="a001">
    <Name>网络指南</Name>
    <Photo>a.gif</Photo>
    <Homepage>http://www.a.com</Homepage>
    </Book>
    <Book ID="a002">
    <Name>局域网技术</Name>
    <Photo>b.gif</Photo>
    <Homepage>http://www.b.com</Homepage>
    </Book>
    </Books>

    mystyle.xsl
    以下内容为程序代码:

    <?xml version="1.0" encoding="GB2312"?>
    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="Books/Book">
    <xsl:element name="a">
    <xsl:attribute name="href">
    <xsl:value-of select="./Homepage"/>
    </xsl:attribute>
    <xsl:element name="img">
    <xsl:attribute name="src">
    <xsl:value-of select="./Photo"/>
    </xsl:attribute>
    </xsl:element>
    </xsl:element>
    <br/>
    </xsl:template>
    </xsl:stylesheet>

    在浏览器上的显示结果:
    竖向平列显示两个图片。

    说明:
    使用超链接,需要借助<xsl:element>和<xsl:attribute>两个标签,基本使用方法就可以参照上边的例子,在深奥一点的,如果你想出来了,记得要和大家分享哟。

    长见识,嘿嘿,这个可是真是第一次看见。
    {Homepage}
    <xsl:value-of select="Homepage"/>
    两个在任何时候都是等价的吧?

    你上边的代码和我原来的效果有点小差别,我帮你完善一下:
    mystyle.xsl
    <?xml version="1.0" encoding="GB2312"?>
    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="Books/Book">
    <a href="{Homepage}">
    <img src="{Photo}"/>
    </a>
    </xsl:template>
    </xsl:stylesheet>


    用户评论

    广而告之