ホームページ  >  記事  >  バックエンド開発  >  画像のハイパーリンクを作成するための XML コードの例

画像のハイパーリンクを作成するための XML コードの例

黄舟
黄舟オリジナル
2017-03-16 16:39:061518ブラウズ

これも今日勉強中に遭遇した問題ですハイパーリンクを作成するには、のhref属性にリンクアドレスを入れる必要がありますが、これはラベルの中にラベルを入れることを意味します。はい、「Webプログラミング実践チュートリアル」を調べたところ、正しい解決策が見つかりましたので、それを共有します。 このコードには、a.gif と b.gif の 2 つの 画像 が必要です。 my.xml 以下
これも今日勉強中に遭遇した問題です。画像のハイパーリンクを作成するには、 の href 属性にリンク アドレスを入れる必要がありますが、これはラベルの中にラベルを入れることになります。許可されていません。「Web プログラミング実践チュートリアル」を確認したところ、正しい解決策が見つかりました。
このコードを実行するには、a.gif と b.gif の 2 つの画像が必要です。
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>

ブラウザでの表示結果:
2枚の画像を縦に並べて表示します。
手順:
ハイパーリンクを使用するには、 の 2 つのタグを使用する必要があります。
基本的には メソッドを使用します。より深いものについては、上記の例を参照してください。わかったら、忘れずにみんなと共有してください。
知識が豊富ですね、ふふ、本当に初めて見ました。

{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>

以上が画像のハイパーリンクを作成するための XML コードの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。