是否有可能打开一个a href链接在一个新的选项卡,而不是相同的选项卡?
<a href="http://your_url_here.html">Link</a>
是否有可能打开一个a href链接在一个新的选项卡,而不是相同的选项卡?
<a href="http://your_url_here.html">Link</a>
当前回答
你应该在锚标记中添加target="_blank"和rel="noopener noreferrer"。
例如:
<a target="_blank" rel="noopener noreferrer" href="http://your_url_here.html">Link</a>
添加rel="noopener noreferrer"不是强制性的,但这是一种推荐的安全措施。更多信息可以在下面的链接中找到。
来源:
MDN | HTML元素< > |属性目标 关于rel = noopener 使用rel="noopener"打开外部锚
其他回答
你可以简单地通过设置target="_blank"来做到这一点,w3schools有一个例子。
将<a>元素的目标属性设置为"_tab"
编辑: 它工作,但W3Schools说没有这样的目标属性: http://www.w3schools.com/tags/att_a_target.asp
EDIT2: 从我从评论中了解到的。将target设置为_blank将带您到一个新的选项卡或窗口(取决于您的浏览器设置)。输入任何东西,除了下面的一个将创建一个新的标签组(我不知道这些是如何工作的):
_blank Opens the linked document in a new window or tab
_self Opens the linked document in the same frame as it was clicked (this is default)
_parent Opens the linked document in the parent frame
_top Opens the linked document in the full body of the window
framename Opens the linked document in a named frame
你应该在锚标记中添加target="_blank"和rel="noopener noreferrer"。
例如:
<a target="_blank" rel="noopener noreferrer" href="http://your_url_here.html">Link</a>
添加rel="noopener noreferrer"不是强制性的,但这是一种推荐的安全措施。更多信息可以在下面的链接中找到。
来源:
MDN | HTML元素< > |属性目标 关于rel = noopener 使用rel="noopener"打开外部锚
链接应该在新标签页还是新窗口中打开,不应该由您来决定,因为最终这个选择应该由用户浏览器的设置来完成。有些人喜欢标签;有些人喜欢新窗户。
使用_blank会告诉浏览器使用一个新的选项卡/窗口,这取决于用户的浏览器配置和他们如何点击链接(例如,中键点击,Ctrl+点击,或普通点击)。
此外,一些浏览器没有标签功能,因此不能在新标签中打开链接,只能在新窗口中打开。