Skip to main content

Rel或Noreferrer的定义

Anonim

HTML5增加了许多新功能,其中之一就是新功能 noreferrer 属性的关键字。此关键字告诉浏览器在遵循关联链接时不应收集或存储HTTP引用信息。请注意,该属性拼写为norefeRR呃,有两个不同于HTTP头的rs,它只有一个r。 (如何拼写推荐人)。

这对于网页设计师来说是一个非常有用的关键字,因此您可以控制将您的网站引荐来源信息传递给的链接。换句话说,读者可以点击链接,但目标网站不会看到它们来自您的网站。

使用Noreferrer关键字

要使用 noreferrer 关键字,你把它放在 相对 任何内部的属性 一个 要么 区域 元件。

截至2013年, 相对= noreferrer 并非所有浏览器都支持关键字。如果您的网站迫切需要阻止此信息,则应查看代理服务器和其他解决方案,以阻止您网站上的引荐来源信息。

测试您的Noreferrer链接

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

这是用于测试referrer和noreferrer链接的网页上的HTML:

这个链接 应该 有一个推荐人这个链接应该 有推荐人

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

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都支持 相对= noreferrer 属性正确,而Firefox和Opera没有。我还没有测试过Internet Explorer。

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

  • 什么是Referer
  • 为什么推荐人在Web开发中拼写“Referer”?
  • 什么是我的推荐人|
  • 测试您的浏览器为Referer |
  • 如何在网页上使用Referer
  • 什么是DOM引用 宾语