Что означает тег noopener? Атрибут noreferrer/эффект nofollow

метка гиперссылки <a>Код обычно используется с атрибутами noopener, noreferrer и nofollow, в этой статье рассказывается, как использовать атрибуты кода noopener, noreferrer и nofollow.

Что означает тег noopener?

воли target="_blank" При добавлении к ссылке целевая страница откроется в новой вкладке.

На только что открытой странице вы можете получить объект окна исходной страницы через window.opener, скрывая потенциальные риски безопасности.

• В частности, ваша собственная ссылка на веб-страницу A, есть ссылка на веб-страницу B, которая может открыть другой сторонний адрес.
• Веб-страница B получает объект окна веб-страницы A через window.opener;
• Затем вы можете использовать страницу А, чтобы перейти на фишинговую страницу window.opener.location.href="abc.com", пользователь этого не заметит.
• Адрес перескочил, и после ввода логина и пароля на этой странице произошла утечка информации.
• Во избежание вышеуказанных проблем вводится rel и устанавливается атрибут ="noopener", чтобы вновь открытая страница не могла получить объект окна исходной страницы.
• В настоящее время значение window.opener равно нулю.

Итак, если вы хотите открыть сторонний адрес в новой вкладке, лучше всего добавить код тега rel="noopener"Атрибуты.

Роль атрибута noreferrer

Аналогичен ноопенеру.

设置rel="noreferrer"После этого вновь открытая страница не может атаковать окно исходной страницы.

При этом информация document.referrer не может быть получена с вновь открытой страницы.Эта информация содержит адрес исходной страницы.

Обычно noopener и noreferrer устанавливаются одновременно,rel="noopener noreferrer".

Поскольку последний имеет прежнюю функцию ограничения доступа к window.opener одновременно, почему он должен быть установлен одновременно?

Для совместимости, потому что некоторые старые браузеры не поддерживают noopener.

Роль nofollow

Расчет веса страницы поисковыми системами включает в себя количество ссылок на страницу (обратных ссылок), то есть, если на страницу ссылается множество других веб-страниц, страница будет оцениваться как страница высокого качества.

Позиции в результатах поиска будут расти.

При установке rel="nofollow" это означает сообщить поисковой системе, что ссылка не способствует ранжированию выше.

• Обычно используется для связи безSEOРанжированные внутренние адреса (такие как ссылки на страницы регистрации или входа) не хотят тратить вес экспорта или некоторые страницы низкого качества.