在网页开发中，链接是最基本的元素之一，它能够实现页面之间的跳转或者传递信息。当用户点击某个链接时，浏览器会根据链接所包含的URL地址跳转到目标页面。但是有时候我们需要在新窗口或者新标签页中打开链接，这时我们就需要用到target属性，本文就来讲解如何正确使用HTML中的target属性来打开链接。

1. target属性的作用

target属性是HTML链接标签中的一个属性，它用来控制链接打开的方式，有以下四种取值：

_blank：在新窗口中打开链接，相当于在浏览器中点击鼠标右键，选择“在新窗口中打开链接”。

_self：在当前窗口中打开链接，相当于在当前浏览器窗口中打开链接。

_parent：在父级窗口中打开链接，相当于在框架页面中打开链接。

_top：在当前窗口的最顶层窗口中打开链接，如果当前窗口有多个框架，则在最顶层窗口打开链接。

2. _blank的使用

当我们需要在新窗口中打开链接的时候，可以使用target="_blank"，示例代码如下：

百度

上述代码中，“https://www.baidu.com”是链接的URL地址，“target="_blank"”表示将链接打开在新的浏览器窗口中。

需要注意的是，在有些浏览器中，为了防止恶意网站在新窗口中打开广告或者其他不必要的页面，会自动屏蔽窗口的弹出，此时我们需要在代码中添加一个属性rel="noopener noreferrer"，示例代码如下：

百度

其中rel属性用于指定连接与目标之间的关系，值“noopener”表示新页面会与旧页面拥有不同的全局对象，并且不会在新页面中操作旧页面。而noreferrer表示不在HTTP中携带referer信息，避免将源站信息带到跳转的页面中。

3. _self的使用

当我们需要在当前浏览器窗口中打开链接时，可以使用target="_self"，示例代码如下：

百度

这时候，当用户点击链接时，浏览器会在当前的页面中直接跳转到指定的URL地址。这种方式比较常见，用户体验也比较好。

4. _parent的使用

当我们需要在框架页面中打开链接时，可以使用target="_parent"，示例代码如下：

百度

如果当前页面是嵌套在一个框架页面中，此时会在父级框架窗口中打开链接，如果当前页面不是嵌套在框架页面中，则会和target="_self"一样，在当前窗口中打开链接。

5. _top的使用

当我们需要在当前窗口的最顶层窗口中打开链接时，可以使用target="_top"，示例代码如下：

百度

这种方式和target="_blank"有些类似，但不同的是，会在当前容器的最顶层中打开链接。

总结

在编写网页链接的时候，根据需求选择不同的target属性值可以实现更加灵活的页面跳转。需要注意的是，在使用target="_blank"时，要添加属性rel="noopener noreferrer"，避免一些不必要的风险。