你知道`<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"
。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)