Was bedeutet der a-Tag noopener? noreferrer-Attribut/nofollow-Effekt

Hyperlink-Label <a>Code wird normalerweise mit den Attributen noopener, noreferrer und nofollow verwendet. In diesem Artikel erfahren Sie, wie Sie die Codeattribute noopener, noreferrer und nofollow verwenden.

Was bedeutet der a-Tag noopener?

Will target="_blank" Beim Hinzufügen zu einem Link wird die Zielseite in einem neuen Tab geöffnet.

Auf der neu geöffneten Seite können Sie das Fensterobjekt der Quellseite über window.opener abrufen und potenzielle Sicherheitsrisiken begraben.

• Genauer gesagt, Ihr eigener Webseiten-A-Link, es gibt einen Webseiten-B-Link, der eine andere Adresse eines Drittanbieters öffnen kann.
• Webseite B erhält das Fensterobjekt von Webseite A durch window.opener;
• Dann kann man über Seite A auf die Phishing-Seite window.opener.location.href=“abc.com“ springen, der Nutzer merkt es nicht
• Die Adresse ist gesprungen, und nach Eingabe des Benutzernamens und des Passworts auf dieser Seite ist ein Informationsleck aufgetreten.
• Um die obigen Probleme zu vermeiden, wird rel eingeführt und das Attribut ="noopener" gesetzt, sodass die neu geöffnete Seite das Fensterobjekt der Quellseite nicht erhalten kann.
• Zu diesem Zeitpunkt ist der Wert von window.opener null.

Wenn Sie also eine Drittanbieteradresse in einem neuen Tab öffnen möchten, fügen Sie am besten einen Tag-Code hinzu rel="noopener"Attribute.

Die Rolle des noreferrer-Attributs

Ähnlich wie noopener.

Stellen Sie einrel="noreferrer"Danach kann die neu geöffnete Seite das Fenster der Quellseite nicht mehr angreifen.

Gleichzeitig können die document.referrer-Informationen nicht von der neu geöffneten Seite abgerufen werden.Diese Information enthält die Adresse der Quellseite.

Normalerweise werden noopener und noreferrer gleichzeitig gesetzt,rel="noopener noreferrer".

Da letzteres gleichzeitig die erstere Funktion hat, den Zugriff auf window.opener einzuschränken, warum sollte es gleichzeitig gesetzt werden?

Aus Kompatibilitätsgründen, da einige alte Browser noopener nicht unterstützen.

Die Rolle von nofollow

Die Berechnung des Seitengewichts durch Suchmaschinen beinhaltet die Anzahl der Seitenverweise (Backlinks), d. h. wenn die Seite von vielen anderen Webseiten verlinkt wird, wird die Seite als qualitativ hochwertige Seite beurteilt.

Rankings in den Suchergebnissen werden steigen.

Das Setzen von rel=“nofollow“ bedeutet, der Suchmaschine mitzuteilen, dass der Link nicht zum obigen Ranking beiträgt.

• Wird im Allgemeinen zum Verknüpfen ohne verwendetSEOGeordnete interne Adressen (wie Registrierungs- oder Login-Seiten-Links), wollen kein Exportgewicht verschwenden oder einige Seiten von schlechter Qualität.