HTML链接怎么设置新窗口打开_HTML链接新窗口打开的代码写法

使用target="_blank"可让html链接在新标签页打开，需配合rel="noopener"防止安全风险，适用于外链、文档参考等场景。

让HTML链接在新窗口打开，主要通过a标签的target7a&gt;属性实现。只需设置<code>target="_blank"，点击链接时就会在新标签页中打开目标页面。

基本语法

标准写法如下：

<a href="https://www.example.com" target="_blank">访问示例网站</a>

其中href指定链接地址，target="_blank"表示在新窗口或新标签页中打开。

安全建议：配合rel属性使用

使用target="_blank"时，建议添加rel="noopener"或rel="noreferrer"，防止潜在的安全风险和性能问题。

立即学习“前端免费学习笔记（深入）”；

开拍

用AI制作口播视频

158

查看详情

<a href="https://www.example.com" target="_blank" rel="noopener">安全地在新窗口打开</a>

原因：不加rel="noopener"时，新页面可通过window.opener访问原页面，可能被用于恶意脚本或页面劫持。

常见使用场景

• 外链跳转：如友情链接、广告链接，避免用户离开当前网站
• 文档参考：帮助页面中的参考资料链接，方便用户对照查看
• 下载链接：打开下载页面时保留原页面状态

基本上就这些。记住用target="_blank"实现新窗口打开，并加上rel="noopener"更安全，简单有效。