<带有子图像的/>标记在新选项卡中打开图像，而不是单击< />标记的链接
<带有子图像的/>标记在新选项卡中打开图像，而不是单击< />标记的链接
提问于 2022-03-09 12:05:28
我有一个锚标记<a />和图像作为一个孩子，基本上我想创建一个图像，作为链接.in --在这种情况下，图像是youtube缩略图，链接到youtube视频。所以，当你点击缩略图的时候，你应该被重新定向到youtube应用程序。
我的问题是浏览器在一个新的选项卡中打开缩略图，而不是将您重定向到youtube应用程序。
我已经尝试过将<a />的dsipaly设置为块，但仍然没有解决这个问题。
<a href="https://youtu.be/9IZm71niSao" target="_blank">
<div style="width: 100%; height: 300px;">
<div class="css-1i0qlul">
<button type="button" class="css-1hqqg82">
<svg
stroke="currentColor" fill="currentColor" stroke-width="0"
viewBox="0 0 24 24" height="3em" width="3em"
xmlns="http://www.w3.org/2000/svg">
<path d="M10 16.5l6-4.5-
6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-
8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path>
</svg>
</button>
<img src="https://i4.ytimg.com/vi/9IZm71niSao/maxresdefault.jpg" alt="thumbnail" class="css-dgd53t">
</div>
</div>
</a>
回答 2
Stack Overflow用户
发布于 2022-03-09 12:13:32
从target="_blank"标记中删除<a>。
_blank在新窗口或选项卡中打开链接的文档。
target属性的默认值是_self，它在单击时在同一帧中打开链接的文档。
PS：你的图像很模糊，但我看到了问题。请尝试在OP中张贴实际的HTML
Stack Overflow用户
发布于 2022-04-28 12:39:51
只要在锚标签中添加rel="noopener“就行了。如果不起作用，那么尝试添加rel=“noreferrer”。
<Link href="https://www.google.com/" passHref>
<a target='_blank' rel="noopener">Go to google</a>
</Link>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71409084
复制相关文章
相似问题
腾讯云开发者
