a标签target属性你了解吗？

今天在CSS-Tricks上看到一则关于 HTML <a> 元素 target属性的文章，讲述target属性值不为关键字的用法。之前没有具体了解过target属性，在此温习一下。

HTML <a> 元素（或称锚元素）可以通过它的 target 属性指定在何处显示链接的资源。

属性值

通常a元素不添加target属性时是在当前页面加载链接。当我们需要每次都在新选项卡加载链接时，则会在元素上添加target="_blank" 关键字写法，也是大家经常使用的方法。

   <a target="_blank" href="https://juejin.cn/">
     代码不止，掘进不停
   </a>

其实target也可以不用关键字，直接设置任意值。按照 target="blank" 设置属性时，这样也会在新选项卡中打开第一次点击的链接，只是下次打开链接还会在这个标签页加载链接，不会打开新的标签页。此时的blank仅仅是一个名称。

   <a target="blank" href="https://juejin.cn/">
     代码不止，掘进不停
   </a>

当你需要加载链接，但不需要打开新的标签页时，将target重定向到blank即可。

   <a target="blank" href="https://juejin.cn/">
     代码不止，掘进不停
   </a>

关键字和其他名称的区别

1. target="_blank" 是一个特殊的关键字，每次都会在新标签页中打开链接。
2. target="blank" 将在新选项卡中打开第一次点击的链接，但以后共享的任何链接都target="blank"将在同一个新打开的选项卡中打开。

总结

很有意思的内容。以上就是本次分享的内容，如有错漏请大家指正。