你知道`<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"
。