XML图像超链接如何制作

这篇文章主要介绍“XML图像超链接如何制作”，在日常操作中，相信很多人在XML图像超链接如何制作问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”XML图像超链接如何制作”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

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="class="lazy" data-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 class="lazy" data-src="{Photo}"/>
</a>
</xsl:template>
</xsl:stylesheet>

到此，关于“XML图像超链接如何制作”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！