Cosa significa a tag noopener? attributo noreferrer/effetto nofollow

etichetta del collegamento ipertestuale <a>Il codice viene solitamente utilizzato con gli attributi noopener, noreferrer e nofollow, questo articolo condividerà come utilizzare gli attributi di codice noopener, noreferrer e nofollow.

Cosa significa a tag noopener?

volontà target="_blank" Quando viene aggiunta a un collegamento, la pagina di destinazione si aprirà in una nuova scheda.

Nella pagina appena aperta, puoi ottenere l'oggetto finestra della pagina di origine tramite window.opener, seppellendo potenziali rischi per la sicurezza.

• In particolare, il link della tua pagina web A, c'è un link della pagina web B che può aprire un altro indirizzo di terze parti.
• La pagina Web B ottiene l'oggetto finestra della pagina Web A tramite window.opener;
• Quindi puoi utilizzare la pagina A per passare alla pagina di phishing window.opener.location.href=”abc.com”, l'utente non se ne accorge
• L'indirizzo è saltato e, dopo aver inserito il nome utente e la password in questa pagina, si è verificata una perdita di informazioni.
• Per evitare i problemi di cui sopra, viene introdotto rel e viene impostato l'attributo ="noopener", in modo che la pagina appena aperta non possa ottenere l'oggetto finestra della pagina sorgente.
• In questo momento, il valore di window.opener è null.

Quindi, se vuoi aprire un indirizzo di terze parti in una nuova scheda, è meglio aggiungere il codice a tag rel="noopener"Attributi.

Il ruolo dell'attributo noreferrer

Simile a Noopener.

设置rel="noreferrer"Dopodiché, la pagina appena aperta non può far attaccare la finestra della pagina di origine.

Allo stesso tempo, le informazioni document.referrer non possono essere ottenute dalla pagina appena aperta.Queste informazioni contengono l'indirizzo della pagina di origine.

Di solito noopener e noreferrer sono impostati contemporaneamente,rel="noopener noreferrer".

Poiché quest'ultimo ha la prima funzione di limitare contemporaneamente l'accesso a window.opener, perché dovrebbe essere impostato contemporaneamente?

Per compatibilità, perché alcuni vecchi browser non supportano noopener.

Il ruolo di nofollow

Il calcolo del peso della pagina da parte dei motori di ricerca include il numero di riferimenti alla pagina (backlink), ovvero se la pagina è collegata da molte altre pagine web, la pagina sarà giudicata di alta qualità.

Le classifiche nei risultati di ricerca aumenteranno.

Quando si imposta rel=”nofollow”, significa dire al motore di ricerca che il link non contribuisce al posizionamento sopra.

• Generalmente utilizzato per il collegamento senzaGestione SEOIndirizzi interni classificati (come i collegamenti alla pagina di registrazione o di accesso), non voglio sprecare peso nell'esportazione o alcune pagine di scarsa qualità.