html - 链接内的链接？

Question

我iframe在我的 html 中使用一个，加载我从网上找到的图片库。每个img都有一个可以单击的信息栏，当信息栏打开时，它会为观众提供更多信息。

<a href="images/test.jpg">
        <img src="images/test.jpg", 
         data-big=""
         data-title="test title"
         data-description="test description"/>
    </a>

我想data-description在链接图像中的元素中插入另一个链接，但我不知道这是否可行，如果可以，如何？

Answer 1

http://jsfiddle.net/4YPvp/

.link {
    position: relative;
}
.link span {
    position: absolute;
}

<a class="link" href="http://cnn.com">
    <img src="http://placehold.it/150x100" data-big="" data-title="test title" data-description="test description"/>
    <span data-url="http://npr.org">Other link</span>
</a>

$('.link span').click(function (e) {
    e.preventDefault();
    window.location = $(this).attr('data-url');
});

请注意，我在此示例中使用了 jQuery。

Answer 2

HTML 不允许嵌套链接，尽管您可以连接一个基于 JavaScript 的单击处理程序来更改链接的行为。

需要更多详细信息才能完全回答您的问题。