'target' : Vuoto o Nuovo?

author
1 minute, 19 seconds Read
Scritto da Andrew Chilton
il 29 marzo 2019

Links. Link ad altre pagine, link interni, link che non sono link. Non importa cosa ne facciamo, sono uno degli elementi di base del World Wide Web (perché non lo chiamiamo più così?).

Ad ogni modo, questo è un post breve e semplice per dettagliare una cosa e una cosa soltanto. Cosa facciamo quando vogliamo aprire un link in una nuova scheda? È abbastanza facile, ma dimentico sempre quale delle seguenti forme assume:

<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>

Ed ecco la risposta: _blank. Perché? Perché _new non ha nessun significato speciale. È così semplice.

<a href="https://example.com" target="_blank">Open in new Tab</a>

Non dovrò mai più fare una ricerca su Google per trovare questo StackOverflow posttarget=”_blank” vs. target=”_new”.

Su questa nota, solo _blank, _self, _parent e _top hanno un significato speciale. Vedi la specifica HTML per maggiori dettagli.

Nota di sicurezza

Solo nota che se usi _blank quando punti a un sito web non fidato, dovresti aggiungere anche rel="noopener". Questo assicura che il sito che viene aperto non avrà accesso alla proprietà opener e quindi la capacità di trovare informazioni sul tuo sito dal loro JavaScript

<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>

Ci sono ulteriori informazioni sul sito degli sviluppatori web di Google e su rel=”noopener” di Mathias Bynens.

Similar Posts

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.