📅  最后修改于: 2023-12-03 15:08:03.218000             🧑  作者: Mango
在 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>
这将防止新选项卡与原始页面之间的客户端脚本通信,使您的链接更安全。