📜  新窗口中的链接 - Html (1)

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

新窗口中的链接 - HTML

在 HTML 中,可以通过 target 属性指定链接在何处打开,例如 _blank 可以在新窗口中打开链接。

语法
<a href="链接地址" target="_blank">链接文本</a>

其中,href 属性表示链接的地址,target 属性表示链接的打开方式,取值为:

  • _blank:在新窗口中打开链接;
  • _self:在当前窗口中打开链接(默认值);
  • _parent:在父窗口中打开链接;
  • _top:在顶层窗口中打开链接。
示例
<a href="https://www.baidu.com" target="_blank">打开百度</a>

点击链接后,将在新窗口中打开百度网站。

注意事项
  • 新窗口打开链接可能会影响用户体验,应谨慎使用;

  • 链接打开方式的取值应符合用户的期望;

  • 在使用 target 属性时,应考虑是否需要加上 rel="noopener",以防止来源窗口被恶意篡改。例如:

    <a href="https://www.baidu.com" target="_blank" rel="noopener">打开百度</a>