Ano ang ibig sabihin ng tag noopener? noreferrer attribute/nofollow effect

label ng hyperlink <a>Karaniwang ginagamit ang code sa mga katangian ng noopener, noreferrer at nofollow. Ibabahagi ng artikulong ito kung paano gamitin ang mga attribute ng noopener, noreferrer at nofollow code.

Ano ang ibig sabihin ng tag noopener? noreferrer attribute/nofollow effect

Ano ang ibig sabihin ng tag noopener?

ay target="_blank" Kapag idinagdag sa isang link, magbubukas ang target na pahina sa isang bagong tab.

Sa bagong bukas na page, maaari mong makuha ang source page window object sa pamamagitan ng window.opener, na nagbabaon ng mga potensyal na panganib sa seguridad.

  • Sa partikular, ang iyong sariling web page A link, mayroong isang web page B link na maaaring magbukas ng isa pang third-party na address.
  • Nakukuha ng Web page B ang window object ng Web page A sa pamamagitan ng window.opener;
  • Pagkatapos ay maaari mong gamitin ang page A para tumalon sa window ng phishing page.opener.location.href=”abc.com”, hindi napapansin ng user
  • Tumalon ang address, at pagkatapos ipasok ang user name at password sa pahinang ito, naganap ang pagtagas ng impormasyon.
  • Upang maiwasan ang mga problema sa itaas, ang rel ay ipinakilala at ang ="noopener" na katangian ay nakatakda, upang ang bagong bukas na pahina ay hindi makuha ang window object ng source page.
  • Sa oras na ito, ang halaga ng window.opener ay null.

Kaya, kung gusto mong magbukas ng isang third-party na address sa isang bagong tab, pinakamahusay na magdagdag ng isang tag code rel="noopener"Mga Katangian.

Ang papel ng katangian ng noreferrer

Katulad ng noopener.

Mag-set uprel="noreferrer"Pagkatapos nito, hindi maaatake ng bagong bukas na page ang window ng source page.

Kasabay nito, hindi makukuha ang impormasyon ng document.referrer mula sa bagong bukas na pahina.Ang impormasyong ito ay naglalaman ng address ng source page.

Karaniwan ang noopener at noreferrer ay nakatakda nang sabay,rel="noopener noreferrer".

Dahil ang huli ay may dating function ng paghihigpit sa pag-access sa window.opener sa parehong oras, bakit dapat itong itakda nang sabay?

Para sa compatibility, dahil hindi sinusuportahan ng ilang lumang browser ang noopener.

Ang papel ng nofollow

Kasama sa pagkalkula ng bigat ng pahina ng mga search engine ang bilang ng mga sanggunian ng pahina (mga backlink), iyon ay, kung ang pahina ay naka-link ng maraming iba pang mga web page, ang pahina ay huhusgahan bilang isang de-kalidad na pahina.

Tataas ang mga ranggo sa mga resulta ng paghahanap.

Kapag nagtatakda ng rel="nofollow", nangangahulugan ito na sabihin sa search engine na ang link ay hindi nag-aambag sa ranggo sa itaas.

  • Karaniwang ginagamit para sa pag-link nang walaSEONiranggo ang mga panloob na address (tulad ng pagrehistro o mga link sa pahina ng pag-login), ayaw mag-aksaya ng timbang sa pag-export, o ilang mahinang kalidad na mga pahina.

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) shared "Ano ang ibig sabihin ng tag noopener? noreferrer attribute/nofollow effect", makakatulong ito sa iyo.

Maligayang pagdating upang ibahagi ang link ng artikulong ito:https://www.chenweiliang.com/cwl-28447.html

Maligayang pagdating sa Telegram channel ng blog ni Chen Weiliang para makuha ang pinakabagong mga update!

🔔 Maging una upang makuha ang mahalagang "ChatGPT Content Marketing AI Tool Usage Guide" sa direktoryo ng nangungunang channel! 🌟
📚 Ang gabay na ito ay naglalaman ng malaking halaga, 🌟Ito ay isang bihirang pagkakataon, huwag palampasin ito! ⏰⌛💨
Share and like kung gusto mo!
Ang iyong pagbabahagi at pag-like ay ang aming patuloy na pagganyak!

 

发表 评论

Ang iyong email address ay hindi mai-publish. 必填 项 已 用 * Tatak

mag-scroll sa itaas