potenziale rischio per la sicurezza<\/strong>.<\/p>\n\n\n\nPerch\u00e9?<\/p>\n\n\n\n
Quando utilizziamo target=”_blank”, la nuova pagina aperta pu\u00f2 essere in grado di interagire con la propriet\u00e0 window.opener e riuscire cos\u00ec a reindirizzare la pagina di origine del link verso una pagina malevola.<\/p>\n\n\n\n
Per evitare questo rischio basta aggiungere ai link con il target=”_blank” anche l’attributo rel=”noopener”<\/strong>. In questo modo la pagina aperta non pu\u00f2 accedere<\/strong> alla propriet\u00e0 window.opener e non pu\u00f2 reindirizzare<\/strong> la pagina verso altre risorse dannose.<\/p>\n\n\n\nQuando aggiungiamo l’attributo target=”_blank”, quindi, la soluzione migliore \u00e8 aggiungere anche rel=”noopener”, come in questo esempio:<\/p>\n\n\n\n
<a href=\"https:\/\/supporthost.com\/it\/\" target=\"_blank\" rel=\"noopener\">SupportHost<\/a><\/code><\/pre>\n\n\n\nNota<\/strong>: i nuovi browser applicano direttamente noopener<\/em> anche se non viene indicato in maniera esplicita. Tuttavia aggiungere l’attributo pu\u00f2 essere utile come misura di sicurezza per gli utenti che utilizzano versioni datate del browser. <\/p>\n\n\n\nCome ti dicevo prima, se usi WordPress non hai questo problema, visto che WordPress aggiunge l’attributo rel=”noopener” in automatico<\/strong> ogni volta che imposti che i link si aprano in una nuova scheda.<\/p>\n\n\n\nBene. Adesso sai esattamente come usare target=”_blank”. <\/p>\n\n\n\n
La domanda ora \u00e8: quando dovresti usarlo?<\/em><\/p>\n\n\n\nQuando usare target=”_blank”<\/h2>\n\n\n\n Quando inseriamo l’attributo target=”_blank” su un link del nostro sito web, stiamo forzando<\/em> il lettore ad aprire la risorsa in una nuova scheda.<\/p>\n\n\n\nPrendiamo l’esempio di un post di un blog.<\/p>\n\n\n\n
Da una parte c’\u00e8 chi preferisce aprire i link in un’altra scheda<\/strong> perch\u00e9:<\/p>\n\n\n\n\napre risorse di approfondimento che vuole leggere solo dopo aver terminato la lettura del post;<\/li>\n\n\n\n preferisce non perdere il filo del discorso e rimandare la lettura di altre risorse a dopo.<\/li>\n<\/ul>\n\n\n\nDall’altra c’\u00e8 chi preferisce aprire i link nella scheda corrente<\/strong>, magari perch\u00e9:<\/p>\n\n\n\n\nnon ama aprire molte schede;<\/li>\n\n\n\n associa questo comportamento ai fastidiosi pop-up.<\/li>\n<\/ul>\n\n\n\nIl dubbio quindi se scegliere di utilizzare target=”_blank” oppure no, si riduce a una scelta personale:<\/p>\n\n\n\n
puoi decidere se lasciare il comportamento di default e lasciare che sia l’utente a decidere se aprire il link in una nuova scheda, o puoi forzare inserendo l’attributo.<\/p>\n\n\n\n
Aldil\u00e0 della scelta personale, c’\u00e8 un caso in cui sicuramente \u00e8 sensato e raccomandabile inserire l’attributo target=”_blank”. <\/p>\n\n\n\n
Ecco quale:<\/p>\n\n\n\n
Quando l’utente si trova su una pagina in cui sta facendo delle modifiche che potrebbero andare perse<\/strong> nel caso in cui si cambi pagina. <\/p>\n\n\n\nIn questa situazione \u00e8 sicuramente meglio inserire i link in modo che si aprano in una nuova scheda.<\/p>\n\n\n\n
Conclusioni<\/h2>\n\n\n\n Ti ho spiegato cos’\u00e8 l’attributo target=”_blank”, come fare a usarlo sul tuo sito e soprattutto, in quali casi \u00e8 meglio usarlo. <\/p>\n\n\n\n
Ora ho una domanda per te. <\/em><\/p>\n\n\n\nSul tuo sito preferisci impostare l’attributo target=”_blank” o lasciare che sia il lettore a scegliere se e quando aprire i link in una nuova scheda? Facci sapere nei commenti.<\/p>\n","protected":false},"excerpt":{"rendered":"
Ti sar\u00e0 capitato di cliccare su un link all’interno di un sito web e vedere che alcuni link si aprono nella stessa scheda del browser, mentre altri in una nuova scheda. Come si ottiene l’apertura in una nuova scheda? Semplice: usando l’attributo target=”_blank”. Non sai esattamente come si usa? Bene, in questo articolo trovi proprio […]<\/p>\n","protected":false},"author":3,"featured_media":63496,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-54116","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-generale"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/54116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=54116"}],"version-history":[{"count":2,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/54116\/revisions"}],"predecessor-version":[{"id":63497,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/54116\/revisions\/63497"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63496"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=54116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=54116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=54116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}