如何创建打开新网页窗口或选项卡的链接
要在单击链接时创建新窗口或选项卡， target=”_blank” 属性必须位于a href标记中，如下所示。
<a href="链接" target="_blank" rel="noreferrer">PC</a>
提示请注意，在新选项卡中打开链接时，您正在更改浏览器操作方式的默认行为。对于某些用户来说，这种变化可能会令人困惑和沮丧。
例子
下面是上述代码将创建的示例。如果您单击下面的链接，它将在新窗口或选项卡中打开 主页。如今，所有新浏览器都会在新选项卡中打开这些类型的链接。
在新选项卡中打开“计算机希望”。
标签安全漏洞
当在新选项卡中打开链接时，新选项卡通过 window.opener 对象获得对引用页面的部分访问权限，这使得原始页面容易受到tabnabbing的攻击。
Tabnabbing 是一种网络钓鱼技术，可以更改原始页面内容或位置，使其容易窃取用户内容。例如，如果在新选项卡中打开指向恶意页面的链接，它可以将原始页面的 window.opener.location 切换到新位置（例如，假登录页面）。如果用户尝试通过虚假登录页面重新登录网站，他们的登录详细信息就会与攻击者共享。
为了防止 tabnabbing，请将rel=”noopener noreferrer”属性添加到在新选项卡中打开的链接。例如，下面是我们上面使用的相同代码，并将此属性添加到标签中。
<a href="https://www.duotin.com" rel="noopener noreferrer" target="_blank">
有关此漏洞的更多信息，请参阅：如何修复 target=”_blank” 链接：网页中的安全和性能问题。
以上是 如何创建打开新网页窗口或选项卡的链接 的全部内容， 来源链接： utcz.com/dzbk/943040.html
