ホームページ  >  記事  >  バックエンド開発  >  XML画像ハイパーリンク生成コード

XML画像ハイパーリンク生成コード

PHPz
PHPzオリジナル
2017-04-02 11:21:383331ブラウズ

画像作成の勉強中に遭遇したもう一つの問題ハイパーリンク3499910bf9dac5ae3c52d5ede7383485にリンクアドレスを入れなければなりませんhref 属性を使用していますが、これはタグの中にタグを入れることです。これは不可能です。「Web プログラミング実践チュートリアル」を確認したところ、このコードを実行するための 2 つの画像を共有します。 b.gif。my.xml の次のコンテンツを実行するには、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。プログラムコード:

<?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つの画像を縦に並べて表示します

ハイパーリンクを使用するには、2421aaa7178ab6b73905a4fbcc7cad2d と c20dd1fd4c1773e7053e8503248c1478 を使用する必要があります。基本的な使い方については、上記の例を参照してください。思いついた場合は、忘れずにみんなに共有してください。これは初めてです。}

bb8461f10e87062cc5eacd79b658f380
この 2 つはどの時点でも同等ですよね?
上記のコードは、私の元の効果とは少し異なります:

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 までご連絡ください。