Maison > développement back-end > Tutoriel XML/RSS > Exemple de code XML pour créer des hyperliens d'image

Exemple de code XML pour créer des hyperliens d'image

黄舟
Libérer: 2017-03-16 16:39:06
original
1559 Les gens l'ont consulté

C'est un autre problème que j'ai rencontré lorsque j'étudiais aujourd'hui. Lors de la création d'une image hyperlien, je dois mettre l'adresse du lien dans l'attribut href de , mais cela signifie qu'il n'est pas possible de mettre des balises dans des balises. J'ai vérifié le "Tutoriel pratique WebProgrammation" et j'ai trouvé la bonne solution. Ce code nécessite deux images : a.gif et b.gif. mon.xml Ce qui suit
C'est un autre problème que j'ai rencontré lorsque j'étudiais aujourd'hui. Pour créer un lien hypertexte d'image, vous devez mettre l'adresse du lien dans l'attribut href de , mais il s'agit de mettre une étiquette dans une étiquette. , n'est-ce pas ? Oui, j'ai consulté le "Tutoriel pratique de programmation Web" et j'ai trouvé la bonne solution. Je vais maintenant la partager avec vous.
Ce code nécessite l'exécution de deux images : a.gif et b.gif.
my.xml
Le contenu suivant est le code du programme :

<?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>
Copier après la connexion

mystyle.xsl
Le contenu suivant est le code du programme :

<?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>
Copier après la connexion

On le navigateur Afficher les résultats :
Afficher deux images en rangées verticales.
Remarque :
Pour utiliser des hyperliens, vous devez utiliser les deux balises et
Utilisez essentiellement la méthode pour vous référer à l'exemple ci-dessus. . Pour plus de détails, oui, si vous y parvenez, pensez à le partager avec tout le monde.
Super expérience, hé, c'est vraiment la première fois que je vois ça.

{Homepage}
<xsl:value-of select="Homepage"/>
Copier après la connexion

Les deux sont équivalents à tout moment, non ?
Le code ci-dessus est légèrement différent de mon effet original. Laissez-moi vous aider à l'améliorer :

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>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal