📌  相关文章
📜  在新选项卡中打开链接 - Html (1)

📅  最后修改于: 2023-12-03 15:08:03.218000             🧑  作者: Mango

在新选项卡中打开链接 - Html

在 HTML 中,可以使用 target 属性指定链接在何处打开。默认情况下,链接会在当前窗口中打开。但是,我们有时需要在新的选项卡或窗口中打开链接,以保留当前页面或允许用户在两个页面之间轻松切换。

在 HTML 中,在链接标签 <a> 中添加 target="_blank" 属性可以在新的浏览器选项卡中打开链接。

下面是一个示例 HTML 代码,演示如何在新选项卡中打开链接。

<a href="https://example.com" target="_blank">在新选项卡中打开链接</a>

当用户单击该链接时,链接将在新选项卡中打开,并且当前页面将保持打开状态。

可用选项

target 属性接受以下值:

  • _blank:在新的浏览器选项卡或窗口中打开链接。
  • _self:默认值,链接在当前窗口中打开。
  • _parent:在父框架中打开链接。
  • _top:在整个浏览器窗口中打开链接。如果该页面位于框架中,则在顶级浏览器窗口中打开链接。
注意事项

请注意,在打开链接时,浏览器中的弹出窗口拦截器可能会阻止在新选项卡中打开链接。为了避免这种情况,您可以 更改链接文本 来使其更具描述性,或添加 rel="noopener noreferrer" 属性来防止新选项卡与原始页面之间的客户端脚本通信。

<a href="https://example.com" target="_blank" rel="noopener noreferrer">在新选项卡中打开链接</a>

这将防止新选项卡与原始页面之间的客户端脚本通信,使您的链接更安全。