Eine Definition von rel oder noreferrer

HTML5 hat viele neue Funktionen hinzugefügt, und eine davon ist die neue noreferrer Schlüsselwort für das Attribut. Dieses Schlüsselwort teilt dem Browser mit, dass er keine HTTP-Verweisinformationen sammeln oder speichern soll, wenn der verknüpfte Link gefolgt wird. Beachten Sie, dass das Attribut norefe buchstabiert istrräh, mit zwei rs im Gegensatz zum HTTP-Header, der nur einen r hat. (Wie buchstabiere ich den Referrer)?

Dies ist ein nützliches Schlüsselwort für Webdesigner, mit dem Sie steuern können, an welche Links Sie Ihre Site Referrer-Informationen übergeben. Mit anderen Worten, Leser können auf die Links klicken, die Ziel-Site sieht jedoch nicht, dass sie von Ihrer Site stammen.

Verwenden des Noreferrer-Schlüsselworts

Um die noreferrer Stichwort, setzen Sie es in die rel Attribut in einem beliebigen EIN oder BEREICH Element.

Ab 2013 ist der rel = noreferrer Schlüsselwort wird nicht in allen Browsern unterstützt. Wenn Ihre Website diese Informationen unbedingt blockieren muss, sollten Sie Proxyserver und andere Lösungen verwenden, um Referrer-Informationen auf Ihrer Site zu blockieren.

Testen Sie Ihre Noreferrer-Links

Wenn Sie diese Seite besuchen, sollte ein Referrer dieser Webseite zurückgegeben werden. Sie können dann das hinzufügen noreferrer Stichwort zum Link und testen Sie Ihre Browser, um zu sehen, ob sie es unterstützen oder nicht.

Hier ist der HTML-Code, den Sie auf Ihrer Webseite zum Testen von Referrer- und Noreferrer-Links verwenden können:

Dieser Link sollte habe einen refererDieser Link sollte nicht habe einen Referrer

Wenn Sie auf den ersten Link klicken, erhalten Sie eine Antwort wie:

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=htt 3A // jenn.kyrnin.com / about / showreferer.html

Und wenn Sie auf den zweiten Link klicken, erhalten Sie eine Antwort wie:

Sie kamen direkt hierher, oder es wurde kein Referer gesendet.

In meinen Tests unterstützten sowohl Chrome als auch Safari die rel = noreferrer Attribut richtig, Firefox und Opera nicht. Ich habe den Internet Explorer nicht getestet.

Erhalten Sie weitere Informationen zum HTML-Verweiser: