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

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

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

当前回答

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

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

希望这能有所帮助

2015-11-05 13:29:40

其他回答

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

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

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

区别

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

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

2022-10-30 19:31:27

Target ="_blank"属性将完成这项工作。只是不要忘记添加rel="noopener noreferrer"来解决潜在的漏洞。更多信息请访问:https://dev.to/ben/the-targetblank-vulnerability-by-example

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>

2018-06-22 07:58:34

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

2021-05-26 11:12:27

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

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

希望这能有所帮助

2015-11-05 13:29:40

何时使用target='_blank':

HTML版本(部分设备不支持):

<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>

所有设备的JavaScript版本:

使用rel="external"是完全有效的

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $('a[rel="external"]').attr('target', '_blank');
</script>

对于Jquery，可以尝试下面的一个:

$("#content a[href^='http://']").attr("target","_blank");

如果浏览器设置不允许在新窗口中打开:

href = "google.com";
onclick="window.open (this.href, ''); return false";

2015-11-05 13:57:26

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

推荐文章

最新文章

标签