你知道`<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 @ 2024-12-03 09:43  王铁柱6  阅读(49)  评论(0)    收藏  举报