学习XML关于图像超链接的制作

所属分类: 网页制作 / XML/XSLT 阅读数: 1050
收藏 0 赞 0 分享

这是我今天学习的时候遇到的另一个问题,做图像超链接要把链接地址放到<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>
更多精彩内容其他人还在看

WAP教程(6):WML 任务-XML/XSLT

任务 (task) 定义了事件发生时所执行的动作,比如在输入一个卡片或选择一个链接之类的时间发生时。 任务 (task) 定义了事件发生时所执行的动作,比如在输入一个卡片或选择一个链接之类的时间发生时。 Go 任务 &l
收藏 0 赞 0 分享

WAP教程(5):WML 输入-XML/XSLT

输入字段可以制作让用户可输入信息的 WML 卡片,正如这个例子演示的. 输入字段 可以制作让用户可输入信息的 WML 卡片,正如这个例子演示的: <?xml version="1.0"?> <
收藏 0 赞 0 分享

WAP教程(4):WML 链接和图像-XML/XSLT

链接可以制作 WML 卡片来显示 WML 的锚功能,图像可以制作 WML 卡片来显示图像. 链接 可以制作 WML 卡片来显示 WML 的锚功能。 <anchor> <anchor> 标签总是要规定一个任
收藏 0 赞 0 分享

WAP教程(3):WML 格式化-XML/XSLT

WML 页面通常称为
收藏 0 赞 0 分享

WAP教程(8):WML 变量-XML/XSLT

变量当用户在卡片组的卡片之间切换时,我们需要在变量中存储数据。WML 变量对大小写敏感。 变量 当用户在卡片组的卡片之间切换时,我们需要在变量中存储数据。WML 变量对大小写敏感。 通过 Setvar 命令规定变量 当用户
收藏 0 赞 0 分享

WAP教程(2):WAP 基础-XML/XSLT

WAP 的主页与 HTML 的主页非常不同。用于 WAP 的标记语言是 WML (Wireless Markup Language)。WML 使用标签 - 类似 HTML - 但是语法更严格且遵守 XML 1.0 标准。 WAP 主页 W
收藏 0 赞 0 分享

WAP教程(9):WML 实例-XML/XSLT

带有两个卡片的一个卡片组 - 一个供用户输入,一个供显示结果 - 正如本例中展示的. 带有两个卡片的一个卡片组 - 一个供用户输入,一个供显示结果 - 正如本例中展示的: <?xml version="1.0"
收藏 0 赞 0 分享

WAP教程(1):WAP 简介-XML/XSLT

WAP 协议被设计用来在无线客户端(比如移动电话)上展示因特网内容。 WAP 协议被设计用来在无线客户端(比如移动电话)上展示因特网内容。 您应当具备的基础知识 在继续学习之前,您需要对下面的知识有基本的了
收藏 0 赞 0 分享

XML入门教程:XSLT-XML/XSLT

XSLT是XSL的一部份,它是XML的一种应用,指定将一篇XML文档转换成另一种XML文档的规则。XSLT文档即是一篇XML文档,也是一个样式表,里面包含一系列的模板。XSLT处理器对输入XML文档中的元素和样式表中的模板进行比较,如果匹配,则将该模板的内
收藏 0 赞 0 分享

XMLHTTPRequest对象-XML/XSLT

XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。 1、XMLHTTPReque
收藏 0 赞 0 分享
查看更多