📌  相关文章
📜  target _blank' (1)

📅  最后修改于: 2023-12-03 14:47:52.083000             🧑  作者: Mango

关于 target _blank

简介

target="_blank" 是 HTML 中一个用于链接的属性,它可以让链接在新的浏览器标签页中打开而不是当前页面。这个属性一般用于在用户不离开当前页面的情况下打开一个链接,或者在表单提交后打开新的页面等。

用法
<a href="https://www.example.com" target="_blank">点击链接</a>

一般情况下,我们只需要在 a 标签中添加 target="_blank" 即可使链接在新的标签页中打开。如果很多链接都需要打开新的标签页,我们也可以使用以下的方式来给全局的所有链接添加 target="_blank"

<head>
  <base target="_blank">
</head>

这将会告诉浏览器所有的链接都要在新的标签页中打开。

安全问题

然而,使用 target="_blank" 也存在一些安全问题。例如,黑客可以在链接中添加 JavaScript 代码,从而攻击未被关闭的浏览器标签页,而用户根本未意识到。因此,我们需要避免在链接中添加 JavaScript 等危险脚本,并在必要时使用 rel="noopener noreferrer" 来避免窗口之间的物理跟踪。

<a href="https://www.example.com" target="_blank" rel="noopener noreferrer">点击链接</a>
总结

target="_blank" 是一个非常有用的 HTML 属性,它可以让链接在新的浏览器标签页中打开而不是当前页面,提高浏览器的易用性。然而,我们需要注意一些安全问题并避免链接中添加危险脚本,保证用户的安全。