xslt三种带图片的超链接(a标签,img标签)写法

来源：http://www.notsee.info/tech/XSLT/XSLT-detail-333.xml

第一种带图片的超链接写法

xml
<notsee ID="a002">
        <Name>分享交流互助，从看不见的地方找答案</Name>
        <img>notsee.gif</img>
        <url>http://www.notsee.info</url>
    </notsee>

xsl

<xsl:element name="a">
            <xsl:attribute name="href">
                <xsl:value-of select="./url"/>
            </xsl:attribute>
            <xsl:element name="img">
                <xsl:attribute name="src">
                    <xsl:value-of select="./img"/>
                </xsl:attribute>
            </xsl:element>
</xsl:element>

第二种带图片的超链接写法
xml 同上

xslt

因为{url}和<xsl:value-of select="url"/>是等价关系

第三种带图片的超链接写法,http://notsee.info采用的多属性方法，有点模拟a 标签写法

xml

<htmls><a order="1" title="head区域的代码可以知道设计师的专业" href="http://www.notsee.info/tech/html/html-detail-71.xml" author="notsee">head区域的代码可以知道设计师的专业</a><htmls>

xslt

<xsl:for-each select="body/htmls/*">

- <xsl:element name="a">

- <xsl:attribute name="href">

<xsl:value-of select="@href" />

</xsl:attribute>

- <xsl:attribute name="title">

<xsl:value-of select="@title" />

</xsl:attribute>

<xsl:attribute name="hidefocus">true</xsl:attribute>

<xsl:attribute name="target">_blank</xsl:attribute>

- <span>

<xsl:value-of select="@order" />

</span>

[HTML][

<xsl:value-of select="@title" />

][

<xsl:value-of select="@author" />

]

</xsl:element>

</xsl:for-each>

xslt三种带图片的超链接(a标签,img标签)写法相关推荐

css 背景效果_css透明度怎么设置？三种css图片透明度的设置方法
css透明度的设置在网页的设计中是经常需要用到的,有时为了设计出的网页更加的美观,会对图片进行透明化处理,这样网页上面的内容就不会看不见,有的网页因为图片作为背景,也会更加美观,那么,css中的透明度 ...
android 带箭头提示框,三种带箭头提示框总结实例
无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框,这种箭头可以通过背景图片或者是css来实现,本文介绍三种通过css实现带箭头的提示框. 1.通过border属性思路:两个三角形,通过定位使 ...
android图片传输三方框架,Android开发三种第三方图片加载的框架
最近在项目中用到了大量图片加载,第三方优秀框架还不错,下面介绍三款榜首的框架用法和问题,做一个记录. 现在项目使用的是Android Studio开发的,现在也没有多少人使用Eclipse了吧. 一. ...
【Python黑科技】图片太大不能上传？三种压缩图片大小的方法（代码注释详细）
目录实现效果原图大小8.46MB PIL库quality降低图片质量方式压缩图片366KB PIL库thumbnail压缩图片大小来压缩图片985KB OpenCV缩放图片大小来压缩图片 177K ...
移动端布局三种视口_移动H5的meta视口标签、弹性布局原则和背景图片适配
很多小伙伴对viewport的理解不是很透彻,于是这一篇重点聊聊viewport(视图)的知识点.以帮助大家更加容易理解移动端H5页面的适配方案. 解读移动H5适配最重要的html标签:meta视口标 ...
python 三种下载图片的方式
python爬虫获取网页信息,除了文本信息,最常见的内容就是照片了,获取照片的方式有多种,这里把自己常用的三种模式分享一下. 举例子说明吧.如下图,现在要爬取链家网上各个在售房屋的户型图,首先先找出户 ...
Vue 三种带文字分割线实现方式
第一种利用::before 和 ::after实现 <div class="not_has_more">常用品牌</div> .not_has_more ...
富文本编辑器三种不同图片上传功能
最近在集成富文本和fastDFS文服做图片上传,找了写相关资料,感觉官网的比较全也比较杂.刚好看到一片好的文章,然后我就转载并对不太详细的地方进行了一定的修改并新添加了一种前后端分离的方法.各位小伙 ...
三种实现图片截取的方法
当图片过高或过长的时候,实现图片适应容器宽高,不变形,可截取图片中心的可是区域. 方法一: CSS控制结构部分 <div class="pic"><img sr ...

xslt三种带图片的超链接(a标签,img标签)写法

xslt三种带图片的超链接(a标签,img标签)写法相关推荐

最新文章

热门文章