WordPress网站超链接中经常会看到 noopener、noreferrer、nofollow 及 external 等标签，而且多是同时出现两个、三个的情况。这些标签是什么含义，又如何使用的呢？
如果你研究网页源代码，会发现某些超链接 <a> </a>的属性中通常会使用 noopener、noreferrer、nofollow、 external 这些属性, 比较常见的有 rel=”nofollow”、 rel=”external”、 rel=”external nofollow”，rel =“ noopener noreferrer”、rel=”noopener noreferrer nofollow”等，后面两种是目前出现频率较高的。它们的作用及用法如下。
1、noopener 属性
noreferrer 属性用来防止你链接到的目标网站知道链接的来源。
比如从你的网站链接到 www.vpsss.net 并在链接属性中添加 noreferrer 标签，结果就是不会在链接中将你的网站视为推荐来源。
同时从安全角度出发，建议添加 noopener 属性，让新打开页面无法获取到源网页的 window对象。
noreferrer 链接在 Google Analytics 的 Direct 流量来源中，而 nofollow 链接将显示为 referrer 。
2、 noreferrer 属性
与 noopener 类似，添加 rel=”noreferrer” 后新开页面也无法获取来源页面的 window 来发起恶意攻击， 同时 新页面还无法获取来源页面的地址。
某些旧浏览器不支持 noopener，因此会同时设置这两个属性 rel=”noopener noreferrer”，用于拦截跨网域授权，杜绝钓鱼漏洞，避免访客被恶意入侵和攻击。
3、nofollow 属性
基于 SEO角度出发，告诉搜索引擎不要爬这个链接，不要传递本站权重到这个链接，不要把本网站计入这个网址的反向链接。
会考虑添加 rel=”nofollow” 标签，防止本站的权重流失。
4、古腾堡编辑器
在古腾堡编辑器中，按钮会默认添加 noreferrer noopener 这两个属性，而你可以根据需要决定是否再添加 nofollow属性。
