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

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


当前回答

你可以使用:

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

然而,上述使您的网站容易受到网络钓鱼攻击。你可以通过在你的链接中添加rel="noopener noreferrer"来防止这种情况在某些浏览器中发生。加上这个,上面的例子变成:

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

查看更多信息: https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml

其他回答

将链接的目标属性设置为_blank:

<a href="#" target="_blank" rel="noopener noreferrer">Link</a>

其他示例请参见:http://www.w3schools.com/tags/att_a_target.asp


Note

我之前建议使用blank而不是_blank,因为如果使用,它将打开一个新选项卡,然后在再次单击链接时使用相同的选项卡。然而,正如GolezTrol指出的那样,这只是因为它引用了框架/窗口的名称a,当再次按下链接在同一个选项卡中打开它时,将设置并使用该名称a。


安全考虑!

rel="noopener noreferrer"是为了防止新打开的选项卡能够恶意修改原始选项卡。有关此漏洞的详细信息,请阅读以下文章:

target="_blank"漏洞示例 使用target='_blank'的外部链接

你可以这样做:

<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/

使用目标=“平等”:

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

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>

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

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

 <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