Rel或Noreferrer的定义

要求浏览器不通过引荐者信息

HTML5增加了很多新功能 ,其中之一是属性的新noreferrer关键字。 该关键字告诉浏览器在遵循关联链接时不应收集或存储HTTP引荐信息。 请注意,该属性拼写为norefe rr er,其中两个rs不同于仅包含一个r的HTTP标头。 ( 如何拼写referrer )。

这对于网页设计师来说是一个有用的关键字,因此您可以控制将您的网站引荐来源信息传递给哪些链接。

换句话说,读者可以点击链接,但目标网站不会看到他们来自您的网站。

使用Noreferrer关键字

要使用noreferrer关键字,可以将它放在任何A或AREA元素中的rel属性中。

截至2013年,所有浏览器都不支持rel = noreferrer关键字。 如果您的网站需要封锁这些信息,您应该查看代理服务器和其他解决方案以阻止您网站上的引荐来源信息。

测试你的Noreferrer链接

如果您访问此页面,则应返回此网页的推荐人。 然后,您可以将noreferrer关键字添加到链接并测试您的浏览器以查看它们是否支持。

以下是放置在您的网页上的HTML以测试引用链接和noreferrer链接:

这个链接应该有一个引用
此链接不应包含引荐来源

当你点击第一个链接时,你应该得到如下回复:

http://webdesign.about.com/gi/o.htm?zi=1/XJ&zTi=1&sdn=webdesign&cdn=compute&tm=7&f=22&su=p284.13.342.ip_p504.6.342.ip_&tt=65&bt=3&bts=91&zu=http% 3A // jenn.kyrnin.com /左右/ showreferer.html

而当你点击第二个链接时,你应该得到如下回复:

你直接来到这里,或者没有发送推荐人。

在我的测试中,Chrome和Safari都正确支持rel = noreferrer属性,而Firefox和Opera则不支持。 我还没有测试过Internet Explorer。

获取有关HTML referer的更多信息: