이미지 하이퍼링크를 만들기 위한 XML 코드 예

黄舟
풀어 주다: 2017-03-16 16:39:06
원래의
1512명이 탐색했습니다.

오늘 공부하다가 겪은 또 다른 문제입니다. 하이퍼링크 이미지를 만들 때 의 href속성에 링크 주소를 넣어야 하는데, 하지만 이는 태그 안에 태그를 넣을 수 없다는 뜻입니다. "웹프로그래밍 실전 튜토리얼"을 확인하고 올바른 해결책을 찾았습니다. 이 코드에는 두 개의 사진이 필요합니다: a.gif 및 b.gif. 내.xml 다음
오늘 공부하면서 겪었던 또 다른 문제입니다. 이미지 하이퍼링크를 만들려면 의 href 속성에 링크 주소를 넣어야 하는데, 이는 라벨 안에 라벨을 넣는 것입니다. 네, "웹 프로그래밍 실전 튜토리얼"을 확인하고 올바른 해결책을 찾았습니다. 이제 공유하겠습니다.
이 코드를 실행하려면 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>
로그인 후 복사

화면에 표시되는 결과 브라우저:
두 장의 사진을 세로로 평행하게 표시합니다.
참고:
하이퍼링크를 사용하려면 두 개의 태그를 사용해야 합니다.
위의 예를 참조하려면 기본적으로 메서드를 사용하세요. . 더 발전된 내용을 알고 싶다면 모든 사람과 공유하는 것을 잊지 마세요.
좋은 경험이군요. 이건 정말 처음 봤어요.

{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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿