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.