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的更多信息: