En definition av Rel eller Noreferrer

HTML5 har lagt till många nya funktioner, och en av dem är den nya noreferrer sökord för attributet. Detta sökord berättar för webbläsaren att den inte ska samla in eller lagra HTTP-referentinformation när den tillhörande länken följs. Observera att attributet är stavat noreferrer, med två rs, till skillnad från HTTP-rubriken, som bara har en r. (Hur man stavar referens).

Det här är ett användbart sökord för webbdesigners så att du kan styra vilka länkar du skickar din referensinformation till. Med andra ord kan läsare klicka på länkarna, men destinationssidan ser inte att de kom från din webbplats.

Använda Noreferrer Nyckelord

Att använda noreferrer sökord, lägger du det i rel attribut inuti alla en eller OMRÅDE element.

Från och med 2013, den rel = noreferrer Nyckelordet stöds inte i alla webbläsare. Om din webbplats har ett kritiskt behov av att blockera den här informationen, bör du titta på proxyservrar och andra lösningar för att blockera hänvisningsinformation på din webbplats.

Testa dina Noreferrer-länkar

Om du besöker den här sidan borde det returnera en hänvisning till denna webbsida. Du kan sedan lägga till noreferrer sökord till länken och testa dina webbläsare för att se om de stöder det eller inte.

Här är HTML som ska sättas på din webbsida för att testa referrerings- och noreferrer-länkar:

Den här länken skall ha en refererDen här länken ska inte ha en hänvisning

När du klickar på den första länken ska du få ett svar som:

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 / ca / showreferer.html

Och när du klickar på den andra länken ska du få ett svar som:

Du kom hit direkt, eller ingen referent skickades.

I mina test stödde Chrome och Safari båda rel = noreferrer attribut korrekt, medan Firefox och Opera inte gjorde det. Jag har inte testat Internet Explorer.

Hämta mer information om HTML-referenten: