Que signifie la balise a noopener ? attribut noreferrer/effet nofollow

étiquette de lien hypertexte <a>Le code est généralement utilisé avec les attributs noopener, noreferrer et nofollow, cet article expliquera comment utiliser les attributs de code noopener, noreferrer et nofollow.

Que signifie la balise a noopener ?

Will target="_blank" Lorsqu'elle est ajoutée à un lien, la page cible s'ouvrira dans un nouvel onglet.

Dans la page nouvellement ouverte, vous pouvez obtenir l'objet fenêtre de la page source via window.opener, enterrant les risques de sécurité potentiels.

• Plus précisément, votre propre lien de page Web A, il existe un lien de page Web B qui peut ouvrir une autre adresse tierce.
• La page Web B obtient l'objet window de la page Web A via window.opener ;
• Ensuite, vous pouvez utiliser la page A pour accéder à la page de phishing window.opener.location.href=”abc.com”, l'utilisateur ne le remarque pas
• L'adresse a sauté, et après avoir entré le nom d'utilisateur et le mot de passe sur cette page, une fuite d'informations s'est produite.
• Afin d'éviter les problèmes ci-dessus, rel est introduit et l'attribut ="noopener" est défini, de sorte que la page nouvellement ouverte ne puisse pas obtenir l'objet window de la page source.
• À ce stade, la valeur de window.opener est nulle.

Ainsi, si vous souhaitez ouvrir une adresse tierce dans un nouvel onglet, il est préférable d'ajouter le code d'une balise rel="noopener"Les attributs.

Le rôle de l'attribut noreferrer

Semblable à noopener.

设置rel="noreferrer"Après cela, la page nouvellement ouverte ne peut pas attaquer la fenêtre de la page source.

Dans le même temps, les informations document.referrer ne peuvent pas être obtenues à partir de la page nouvellement ouverte.Ces informations contiennent l'adresse de la page source.

Habituellement, noopener et noreferrer sont définis en même temps,rel="noopener noreferrer".

Puisque ce dernier a l'ancienne fonction de restreindre l'accès à window.opener en même temps, pourquoi devrait-il être défini en même temps ?

Par compatibilité, car certains anciens navigateurs ne supportent pas noopener.

Le rôle du nofollow

Le calcul du poids de la page par les moteurs de recherche inclut le nombre de références de page (backlinks), c'est-à-dire que si la page est liée par de nombreuses autres pages Web, la page sera jugée comme une page de haute qualité.

Les classements dans les résultats de recherche augmenteront.

Lorsque vous définissez rel = "nofollow", cela signifie dire au moteur de recherche que le lien ne contribue pas au classement ci-dessus.

• Généralement utilisé pour la liaison sansSEOLes adresses internes classées (comme les liens de page d'inscription ou de connexion), ne veulent pas perdre de poids à l'exportation, ou certaines pages de mauvaise qualité.