Wat betekent de a tag noopener? noreferrer-attribuut/nofollow-effect

hyperlinklabel <a>Code wordt meestal gebruikt met noopener-, noreferrer- en nofollow-attributen. In dit artikel wordt uitgelegd hoe u noopener-, noreferrer- en nofollow-codeattributen gebruikt.

Wat betekent de a tag noopener?

Zal target="_blank" Wanneer toegevoegd aan een link, wordt de doelpagina geopend in een nieuw tabblad.

Op de nieuw geopende pagina kunt u het bronpagina-vensterobject verkrijgen via window.opener, waardoor potentiële beveiligingsrisico's worden weggevaagd.

• Specifiek, uw eigen webpagina A-link, er is een webpagina B-link die een ander adres van een derde partij kan openen.
• Webpagina B verkrijgt het window-object van webpagina A via window.opener;
• Vervolgens kunt u pagina A gebruiken om naar de phishing-pagina te gaan window.opener.location.href=”abc.com”, merkt de gebruiker niets
• Het adres is gesprongen en na het invoeren van de gebruikersnaam en het wachtwoord op deze pagina is er informatie gelekt.
• Om de bovenstaande problemen te voorkomen, wordt rel geïntroduceerd en wordt het ="noopener"-attribuut ingesteld, zodat de nieuw geopende pagina het vensterobject van de bronpagina niet kan verkrijgen.
• Op dit moment is de waarde van window.opener null.

Dus als u een adres van een derde partij in een nieuw tabblad wilt openen, kunt u het beste de tagcode toevoegen rel="noopener"attributen.

De rol van het noreferrer-attribuut

gelijk aan noopener.

设置rel="noreferrer"Daarna kan de nieuw geopende pagina het venster van de bronpagina niet aanvallen.

Tegelijkertijd kan de document.referrer-informatie niet worden verkregen van de nieuw geopende pagina.Deze informatie bevat het adres van de bronpagina.

Meestal worden noopener en noreferrer tegelijkertijd ingesteld,rel="noopener noreferrer".

Aangezien de laatste de eerste functie heeft om tegelijkertijd de toegang tot window.opener te beperken, waarom zou deze dan tegelijkertijd worden ingesteld?

Voor compatibiliteit, omdat sommige oude browsers noopener niet ondersteunen.

De rol van nofollow

De berekening van het paginagewicht door zoekmachines omvat het aantal paginaverwijzingen (backlinks), dat wil zeggen, als de pagina door veel andere webpagina's wordt gelinkt, wordt de pagina beoordeeld als een pagina van hoge kwaliteit.

De rankings in de zoekresultaten zullen stijgen.

Als u rel=”nofollow” instelt, betekent dit dat u de zoekmachine vertelt dat de link niet bijdraagt ​​aan de bovenstaande ranking.

• Over het algemeen gebruikt voor het koppelen zonderSEOGerangschikte interne adressen (zoals koppelingen naar registratie- of inlogpagina's), willen geen exportgewicht verspillen, of pagina's van slechte kwaliteit.