你知道`<a>`标签的target属性规定在何处打开链接文档吗?

target 属性规定在何处打开链接文档。它可以拥有以下值:

  • _self: 在相同的框架中打开链接文档(默认值)。
  • _blank: 在新的浏览器窗口或标签页中打开链接文档。
  • _parent: 在父框架集中打开链接文档。如果当前框架没有父框架,则行为与 _self 相同。
  • _top: 在整个窗口中打开链接文档。如果当前框架没有父框架,则行为与 _self 相同。
  • _framename: 在名为 framename 的框架中打开链接文档。

示例:

<a href="https://www.example.com" target="_blank">在新标签页打开 example.com</a>
<a href="https://www.google.com" target="_self">在当前标签页打开 google.com</a>

补充说明:

  • 虽然 _blank 仍然被广泛使用,但为了安全性,建议配合使用 rel="noopener" 属性。 这可以防止新打开的页面通过 window.opener 访问原始页面的内容和修改其行为,从而避免潜在的安全风险。 例如: <a href="https://www.example.com" target="_blank" rel="noopener">在新标签页打开 example.com</a>

  • _parent_top 主要用于框架集 (frameset) 的场景,现在已经比较少用了。

因此,总结来说,target 属性控制链接的打开方式,最常用的值是 _self_blank。 为了安全起见,使用 _blank 时最好加上 rel="noopener"

posted @   王铁柱6  阅读(30)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示