HTML5 добавил много новых функций, и один из них - новый noreferrer ключевое слово для атрибута. Это ключевое слово сообщает браузеру, что он не должен собирать или хранить информацию о реферере HTTP при использовании связанной ссылки. Обратите внимание, что атрибут записан в норер-рer, с двумя rs в отличие от HTTP-заголовка, который имеет только один r. (Как указать реферера).
Это полезное ключевое слово для веб-дизайнеров, чтобы вы могли контролировать, на каких ссылках вы передаете информацию о реферере вашего сайта. Другими словами, читатели могут щелкнуть по ссылкам, но сайт назначения не увидит, что они пришли с вашего сайта.
Использование ключевого слова Noreferrer
Использовать noreferrer ключевое слово, вы помещаете его в отн атрибут внутри любого или же ПЛОЩАДЬ элемент.
Начиная с 2013 года отн = noreferrer ключевое слово не поддерживается во всех браузерах. Если на вашем веб-сайте критически необходимо заблокировать эту информацию, вы должны посмотреть прокси-серверы и другие решения, чтобы блокировать информацию о реферере на вашем сайте.
Тестирование ваших ссылок Noreferrer
Если вы заходите на эту страницу, он должен вернуть ссылку на эту веб-страницу. Затем вы можете добавить noreferrer ключевое слово в ссылку и протестировать ваши браузеры, чтобы убедиться, поддерживают ли они это или нет.
Вот HTML, чтобы разместить на своей веб-странице тестовые ссылки referrer и noreferrer:
Эта ссылка должен иметь референтаЭта ссылка должна не иметь реферера
Когда вы нажимаете на первую ссылку, вы должны получить ответ вроде:
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 / об / showreferer.html
И когда вы нажимаете на вторую ссылку, вы должны получить ответ вроде:
Вы пришли сюда напрямую, или никакой референт не был отправлен.
В моих тестах Chrome и Safari поддерживали отн = noreferrer атрибут правильно, в то время как Firefox и Opera этого не сделали. Я не тестировал Internet Explorer.
Получить дополнительную информацию о реферере HTML:
- Что такое референт
- Почему Referrer задает «Referer» в Web Devlopment?
- Что такое My Referer |
- Проверьте свой браузер для реферала |
- Как использовать референт на веб-страницах
- Что такое DOM
ссылающейсяобъект
