java a 标签中的rel,html中a标签的rel属性详解rel=nofollow external noopener noreferrer

平常用得最多的就是rel="stylesheet",这个大家平时肯定都用得多，但是很多人肯定从来没有注意过，让大家最熟悉的可能就是rel=nofollow，随着搜索引擎优化(SEO)的兴起，它渐渐被大家所了解，特别是在html5中，部分属性还专门为浏览器或搜索引擎而提供的;还有多种方式：rel=external nofollow和rel=noopener noreferrer

rel=nofllow是告诉搜索引擎，不要将该链接计入权重。所以很多情况下，我们可以将一些不想传递权重的链接加上rel=nofllow；例如一些非本站的链接，不想传递权重，但是又需要加在页面中的链接。比如：统计代码、备案号链接、各种与网站类别不符的链接等等。

除了rel="nofollow"还有两种链接属性形式，一种是rel="external"，另一种是rel="external nofollow"。这两种分别代表什么意思呢？又有何区别呢？

rel="external nofollow"

其实上面已经说过rel="nofollow" 和 rel="external" 两种属性的所代表的意思了。这个属性基本上是相当于将两种属性结合起来，大致可以解释为 “这个链接非本站链接，不要爬取也不要传递权重”。因此在SEO的角度来说，是一种绝对隔绝处理的方法，可以有效减少蜘蛛爬行的流失。

rel="nofollow noopener noreferrer"

超链接 target="_blank" 要增加 rel="nofollow noopener noreferrer" 来堵住钓鱼安全漏洞。如果你在链接上使用 target="_blank"属性，并且不加上rel="noopener"属性，那么你就让用户暴露在一个非常简单的钓鱼攻击之下。

有些属性值是专门为不同的浏览器设计的特别是用window.opener的这种访问行为，有些浏览器是不支持部份值的，所以我们需要设置多个值来兼容；火狐不支持这个属性值，所以实际上你要用 rel="noopener noreferrer"来完整覆盖。

这里还有一个使用技巧，比如某些用户它发布的信息质量不高或者发布的就是垃圾信息，又不能把这个信息删除，就可以给这个用户发布的信息加上rel=nofllow就行咯。