em 29 de Março de 2019
Links. Links para outras páginas, links internos, links que não são links. Não importa o que façamos com eles, eles são um dos blocos básicos de construção da World Wide Web (por que não chamamos mais assim?).
Anyway, este é um post curto e simples para detalhar uma coisa e apenas uma coisa. O que fazemos quando queremos abrir o alink em uma nova aba? É muito fácil, mas eu sempre esqueço qual das seguintes formas é necessária:
<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>E aqui está a resposta: _blank. Porquê? Porque _new não tem nenhum significado especial. É assim simples.
<a href="https://example.com" target="_blank">Open in new Tab</a>Nunca terei de fazer uma Pesquisa no Google para encontrar este StackOverflow posttarget=”_blank” vs. target=”_new” outra vez.
Naquela nota, apenas _blank, _self, _parent, e _top têm qualquer significado especial. Veja o SpecHTML para mais detalhes.
Nota de Segurança
Notem que se usar _blank ao apontar para um site não confiável, você também deve adicionar rel="noopener". Isso garante que o site sendo aberto não terá acesso à propriedade opener e, portanto, a capacidade de descobrir informações sobre o seu site a partir do seu JavaScript
<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>Há mais informações sobre o site dos desenvolvedores web do Google e Sobre rel=”noopener” de Mathias Bynens.