O HTML5 adicionou muitos novos recursos, e um deles é o novo noreferrer
palavra-chave para o atributo. Esta palavra-chave diz ao navegador que não deve coletar ou armazenar informações de referência HTTP quando o link associado for seguido. Observe que o atributo é soletrado noreferrer, com dois rs ao contrário do cabeçalho HTTP, que tem apenas um r. (Como soletrar referenciador).
Essa é uma palavra-chave útil para os web designers, para que você possa controlar os links para os quais passa as informações do referenciador do seu site. Em outras palavras, os leitores podem clicar nos links, mas o site de destino não verá que eles vieram do seu site.
Usando a palavra-chave Noreferrer
Para usar o noreferrer
palavra-chave, você coloca no rel
atributo dentro de qualquer UMA
ou ÁREA
elemento.
A partir de 2013, o rel = noreferrer
A palavra-chave não é suportada em todos os navegadores. Se o seu site tiver uma necessidade crítica de bloquear essas informações, consulte os servidores proxy e outras soluções para bloquear as informações do referenciador em seu site.
Teste seus links do Noreferrer
Se você visitar esta página, deverá retornar um referenciador desta página da web. Você pode então adicionar o noreferrer
palavra-chave para o link e testar seus navegadores para ver se eles suportam ou não.
Aqui está o HTML para colocar em sua página web para testar os links referenciador e noreferrer:
Esse link devemos tem um referenciadorEste link deve não tem um referenciador
Quando você clica no primeiro link, você deve receber uma resposta como:
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 você clica no segundo link, você deve receber uma resposta como:
Você veio diretamente para cá ou nenhum remetente foi enviado.
Nos meus testes, o Chrome e o Safari suportaram o rel = noreferrer
atributo corretamente, enquanto Firefox e Opera não. Eu não testei o Internet Explorer.
Obtenha mais informações sobre o referenciador HTML:
- O que é um referenciador
- Por que o Referrer está escrito como "Referer" no Web Development?
- Qual é o meu referenciador |
- Teste seu navegador para o referenciador |
- Como usar o referenciador em páginas da Web
- Qual é o DOM
referenciador
Objeto