HTML中如何实现链接点击后在新标签页打开？

你平时编写的当前页打开的链接代码格式如下：

<a href="目标链接地址">链接文本</a>

要实现点击后在新标签页打开的效果，只需要给a标签添加target="_blank"属性即可，完整基础实现代码：

<a href="目标链接地址" target="_blank">链接文本</a>

生产环境优化建议（推荐添加） #

为了避免潜在的安全风险（比如新打开的恶意页面可以通过window.opener接口篡改原页面地址、窃取用户信息），建议额外搭配rel="noopener noreferrer"属性使用，最终常用的标准写法如下：

<a href="目标链接地址" target="_blank" rel="noopener noreferrer">链接文本</a>

各属性作用说明： #

• href：指定需要跳转的目标链接地址
• target="_blank"：告知浏览器在新的标签页或新窗口打开目标链接
• rel="noopener"：禁止新打开的页面获取原页面的window.opener对象，阻断恶意篡改原页面的风险
• rel="noreferrer"：跳转时不携带原页面的来源地址，保护用户访问隐私

内容的提问来源于stack exchange，提问作者Angelo