브라우저가 추천자 정보를 전달하지 않도록 요청하십시오.
HTML5는 많은 새로운 기능을 추가했으며 그 중 하나는 속성에 대한 새로운 noreferrer 키워드입니다. 이 키워드는 연관된 링크를 따를 때 HTTP referer 정보를 수집하거나 저장해서는 안된다는 것을 브라우저에 알려줍니다. 속성은 r이 하나 뿐인 HTTP 헤더와 달리 두 개의 r과 함께 norefe rr er이라는 철자가 있습니다. ( Referrer 철자법 ).
이것은 웹 디자이너에게 유용한 키워드이므로 사이트 리퍼러 정보를 전달하는 링크를 제어 할 수 있습니다.
즉, 독자는 링크를 클릭 할 수 있지만 대상 사이트는 귀하의 사이트에서 왔음을 알 수 없습니다.
Noreferrer 키워드 사용
noreferrer 키워드를 사용하려면 모든 A 또는 AREA 요소의 rel 속성에 키워드를 넣습니다.
2013 년 현재 rel = noreferrer 키워드는 일부 브라우저에서 지원되지 않습니다. 웹 사이트에서이 정보를 차단해야 할 필요가있는 경우 프록시 서버 및 기타 솔루션을 참조하여 사이트의 참조 정보를 차단해야합니다.
Noreferrer 링크 테스트
이 페이지를 방문하면이 웹 페이지의 리퍼러를 반환해야합니다. 그런 다음 링크에 noreferrer 키워드를 추가하고 브라우저에서 지원되는지 여부를 테스트 할 수 있습니다.
다음은 리퍼러와 누더러 링크를 테스트하기 위해 웹 페이지를 작성하는 HTML입니다.
이 링크에는 리퍼러 가 있어야합니다.
이 링크에는 리퍼러가 없어야합니다.
첫 번째 링크를 클릭하면 다음과 같은 답장을 받게됩니다.
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
두 번째 링크를 클릭하면 다음과 같은 답장을 받아야합니다.
직접 여기에 왔거나 리퍼러를 보내지 않았습니다.
내 테스트에서 Chrome과 Safari는 모두 rel = noreferrer 속성을 올바르게 지원했지만 Firefox와 Opera는 올바르게 지원하지 않았습니다. Internet Explorer를 테스트하지 않았습니다.
HTML 리퍼러에 대한 추가 정보 얻기 :
- 리퍼러 란 무엇인가?
- 왜 Referrer는 웹 개발에서 "Referer"로 표기 되었습니까?
- 내 Referer는 무엇입니까 |
- 브라우저에서 Referer 테스트하기 |
- 웹 페이지에서 Referer를 사용하는 방법
- DOM 리퍼러 객체 란 무엇입니까?