logo标签列表

如何在HTML中在新标签页打开链接？

htmlhyperlinkanchorbrowser-tab
619

我正在进行一个HTML项目，但不知道如何在没有JavaScript的情况下打开链接到新标签页。

我已经知道<a href="http://www.WEBSITE_NAME.com"></a>会在当前标签页中打开链接。您有什么想法可以让它在新的标签页中打开吗？

68
使用 <a href="url" target="_blank">...</a>。 - Rohit Agrawal
1
正如Rohit所说，添加参数target="_blank"，但是在至少FireFox浏览器中，如果您使用两个下划线target="__blank"，它将在新标签页中打开，但是单击其他链接时，使用相同的双下划线会在之前的新标签页中打开新页面，这意味着您只有一个额外的标签页打开。 - Justin Levene
3
现在使用target="_blank"时，您不再需要使用rel="noopener"，因为它已默认添加 来源。 - Vaibhav
12个回答
0
打开链接的简单方法是在链接中添加一个目标属性，其值等于“_blank”，像这样： 

<a href="http://www.WEBSITE_NAME.com" target="_blank"></a>

0

如果有人想在React上使用它，可以按照下面给出的代码模式进行操作。您需要添加额外的属性rel。

<a href="mysite.com" target="_blank" rel="noopener noreferrer" >Click me to open in new Window</a>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接