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

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

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

在 Html 中打开一个链接时,有时候希望将链接页面在新的选项卡中打开。这篇文章将为您介绍如何在新选项卡中打开链接。

使用 target 属性

要在新选项卡中打开链接,可以在链接中添加 target="_blank" 属性。这个属性告诉浏览器在新的选项卡中打开链接。

例如:

<a href="https://www.google.com" target="_blank">打开 Google</a>

这样点击链接时,将在一个新的选项卡中打开 Google 网站。

添加 rel 属性

为了确保链接的安全性,应该在链接中添加 rel="noopener noreferrer" 属性。这个属性告诉浏览器在新选项卡中打开链接时,要确保不会从被打开的页面获取任何数据。

例如:

<a href="https://www.google.com" target="_blank" rel="noopener noreferrer">打开 Google</a>
总结

在 Html 中,在链接中添加 target="_blank" 属性可以用来在新选项卡中打开链接。为了确保链接的安全性,应该在链接中添加 rel="noopener noreferrer" 属性。

<a href="https://www.google.com" target="_blank" rel="noopener noreferrer">打开 Google</a>