如何在 HTML 的新标签页中打开链接？

Question

我正在处理一个 HTML 项目，但我不知道如何在没有 JavaScript 的情况下在新选项卡中打开链接。

我已经知道 <a href="http://www.WEBSITE_NAME.com"></a> 在同一选项卡中打开链接。任何想法如何让它在一个新的中打开？

原文由 ZenthyxProgramming 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将链接的 target 属性设置为 _blank ：

 <a href="#" target="_blank" rel="noopener noreferrer">Link</a>

有关其他示例，请参见此处： http ://www.w3schools.com/tags/att_a_target.asp

---

笔记

我之前建议 blank 而不是 _blank 因为如果使用它，它会打开一个新选项卡，然后如果再次单击链接则使用相同的选项卡。然而，这只是因为，正如 GolezTrol 指出的那样，它指的是框架/窗口的名称，当再次按下链接以在同一选项卡中打开它时，将设置和使用该名称。

---

安全考虑！

rel="noopener noreferrer" 是为了防止新打开的标签能够恶意修改原来的标签。有关此漏洞的更多信息，请阅读以下文章：

• target=”_blank” 漏洞示例
• 使用 target=’_blank’ 的外部链接

原文由 SharkofMirkwood 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

根据您的要求使用其中之一。

在新窗口或选项卡中打开链接文档：

  <a href="xyz.html" target="_blank"> Link </a>

在单击时在同一框架中打开链接文档（这是默认设置）：

  <a href="xyz.html" target="_self"> Link </a>

在父框架中打开链接文档：

  <a href="xyz.html" target="_parent"> Link </a>

在整个窗口中打开链接文档：

  <a href="xyz.html" target="_top"> Link </a>

在命名框架中打开链接文档：

  <a href="xyz.html" target="framename"> Link </a>

参见 MDN

原文由 Learner Always 发布，翻译遵循 CC BY-SA 3.0 许可协议