Una definizione di Rel o Noreferrer

HTML5 ha aggiunto molte nuove funzionalità e una di queste è la novità noreferrer parola chiave per l'attributo. Questa parola chiave indica al browser che non deve raccogliere o archiviare le informazioni del referer HTTP quando viene seguito il collegamento associato. Si noti che l'attributo è scritto noreferrer, con due rs a differenza dell'intestazione HTTP, che ha solo una r. (Come incantesimo referrer).

Questa è una parola chiave utile per i web designer in modo da poter controllare quali collegamenti si passano le informazioni di riferimento del sito a. In altre parole, i lettori possono fare clic sui collegamenti, ma il sito di destinazione non vedrà che provengono dal tuo sito.

Utilizzo della parola chiave Noreferrer

Per usare il noreferrer parola chiave, lo metti in rel attributo all'interno di qualsiasi UN o LA ZONA elemento.

A partire dal 2013, il rel = noreferrer la parola chiave non è supportata in tutti i browser. Se il tuo sito web ha la necessità critica di bloccare queste informazioni, dovresti esaminare i server proxy e altre soluzioni per bloccare le informazioni sui referrer sul tuo sito.

Metti alla prova i tuoi link di Noreferrer

Se visiti questa pagina dovrebbe restituire un referrer di questa pagina web. È quindi possibile aggiungere il noreferrer parola chiave al link e prova i tuoi browser per vedere se lo supportano o meno.

Ecco l'HTML da mettere sulla tua pagina web per testare i link referrer e del referente:

Questo link dovrebbero avere un referenteQuesto link dovrebbe non avere un referente

Quando fai clic sul primo link, dovresti ottenere una risposta del tipo:

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

E quando clicchi sul secondo link dovresti ottenere una risposta del tipo:

Sei venuto qui direttamente o non è stato inviato alcun referente.

Nei miei test, Chrome e Safari hanno entrambi supportato il rel = noreferrer attributo correttamente, mentre Firefox e Opera no. Non ho testato Internet Explorer.

Ottieni maggiori informazioni sul referer HTML: