如何在HTML的新标签打开链接?

我在一个HTML项目上工作，我不知道如何在没有JavaScript的新选项卡中打开链接。

我已经知道<a href="http://www.WEBSITE_NAME.com"></a>在同一选项卡中打开链接。有什么办法能让它在一个新的盒子里打开吗?

当前回答

使用目标=“平等”:

<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>

其他回答

如果您希望在整个站点中使用一次该命令，而不必在每个链接之后执行该命令。试试这个地方在你的网站的头部，对了。

<head>
<title>your text</title>
<base target="_blank" rel="noopener noreferrer">
</head>

希望这能有所帮助

你可以这样做:

<a href="http://www.WEBSITE_NAME.com" target="_blank" rel="noopener noreferrer">Open</a>

原来是:

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

也可以查看MDN上的以下url，了解更多关于安全和隐私的信息:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy

它又有一个链接到一篇名为Target="_blank"的好文章——有史以来最被低估的漏洞:

https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/

在React的情况下，如果有人想在一个新标签中打开链接。请使用from react-router-dom，因为<a href="/path"></a>刷新整个页面，即使您的页面只改变了新路由上的一些文本或图像。链接的使用请参考这里

根据您的要求使用其中之一。

在新窗口或选项卡中打开链接文档:

 <a href="xyz.html" target="_blank"> Link </a>

在点击的同一帧中打开链接文档(这是默认值):

 <a href="xyz.html" target="_self"> Link </a>

在父框架中打开链接文档:

 <a href="xyz.html" target="_parent"> Link </a>

在整个窗口中打开链接文档:

 <a href="xyz.html" target="_top"> Link </a>

在命名框架中打开链接文档:

 <a href="xyz.html" target="framename"> Link </a>

看到MDN

您可以使用目标属性在新选项卡中打开链接

 <a href="https://google.com" target="blank"> Google Link </a>

<a href="https://google.com" target="blank"> Google Link </a>

区别

_blank将总是打开新的标签链接

空白将第一次打开新的标签链接，但第二次它将更新现有的标签

推荐文章