Какво означава noopener на етикет? noreferrer атрибут/nofollow ефект

етикет на хипервръзка <a>Кодът обикновено се използва с атрибути noopener, noreferrer и nofollow, тази статия ще сподели как да използвате атрибути noopener, noreferrer и nofollow.

Какво означава noopener на етикет? noreferrer атрибут/nofollow ефект

Какво означава noopener на етикет?

ще target="_blank" Когато се добави към връзка, целевата страница ще се отвори в нов раздел.

В новоотворената страница можете да получите обекта прозорец на изходната страница чрез window.opener, погребвайки потенциалните рискове за сигурността.

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

Така че, ако искате да отворите адрес на трета страна в нов раздел, най-добре е да добавите кода на маркер rel="noopener"Атрибути.

Ролята на атрибута noreferrer

Подобно на noopener.

Настройвамrel="noreferrer"След това новоотворената страница не може да накара прозореца на изходната страница да атакува.

В същото време информацията за document.referrer не може да бъде получена от новооткритата страница.Тази информация съдържа адреса на изходната страница.

Обикновено noopener и noreferrer се задават едновременно,rel="noopener noreferrer".

Тъй като последният има предишната функция за ограничаване на достъпа до window.opener едновременно, защо трябва да се задава едновременно?

За съвместимост, защото някои стари браузъри не поддържат noopener.

Ролята на nofollow

Изчисляването на теглото на страницата от търсачките включва броя препратки към страницата (обратни връзки), тоест, ако страницата е свързана с много други уеб страници, страницата ще бъде оценена като страница с високо качество.

Класирането в резултатите от търсенето ще се повиши.

Когато зададете rel=”nofollow”, това означава да кажете на търсачката, че връзката не допринася за горното класиране.

  • Обикновено се използва за свързване безSEOКласирани вътрешни адреси (като връзки към страница за регистрация или вход), не искаме да губим тегло при експортиране или някои страници с лошо качество.

Блог на Hope Chen Weiliang ( https://www.chenweiliang.com/ ) сподели „Какво означава a tag noopener? noreferrer attribute/nofollow effect", ще ви помогне.

Добре дошли да споделите връзката към тази статия:https://www.chenweiliang.com/cwl-28447.html

Добре дошли в канала на Telegram в блога на Chen Weiliang, за да получите най-новите актуализации!

🔔 Бъдете първите, получили ценното „Ръководство за използване на инструмента за изкуствен интелект за маркетинг на съдържание ChatGPT“ в горната директория на канала! 🌟
📚 Това ръководство съдържа огромна стойност, 🌟Това е рядка възможност, не я пропускайте! ⏰⌛💨
Споделете и харесайте, ако ви харесва!
Вашите споделяния и харесвания са нашата постоянна мотивация!

 

发表 评论

Вашият имейл адрес няма да бъде публикуван. Използват се задължителните полета * Етикет

превъртете до върха