我在一个HTML项目上工作,我不知道如何在没有JavaScript的新选项卡中打开链接。
我已经知道<a href="http://www.WEBSITE_NAME.com"></a>在同一选项卡中打开链接。有什么办法能让它在一个新的盒子里打开吗?
我在一个HTML项目上工作,我不知道如何在没有JavaScript的新选项卡中打开链接。
我已经知道<a href="http://www.WEBSITE_NAME.com"></a>在同一选项卡中打开链接。有什么办法能让它在一个新的盒子里打开吗?
当前回答
您可以使用目标属性在新选项卡中打开链接
<a href="https://google.com" target="blank"> Google Link </a>
OR
<a href="https://google.com" target="blank"> Google Link </a>
区别
_blank将总是打开新的标签链接
空白将第一次打开新的标签链接,但第二次它将更新现有的标签
其他回答
在新选项卡中打开链接的简单方法是在链接中添加一个目标属性,其值等于“_blanl”,如下所示:
< a href = " http://www.WEBSITE_NAME.com " target = "平等" > < / >
根据您的要求使用其中之一。
在新窗口或选项卡中打开链接文档:
<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="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
你可以这样做:
<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>