How To Use The To Make Links & Open Them Where You Want!

quadros desactualizados; utilizar apenas _blank

o único valor actualmente relevante de target é _blank. Os outros valores de target foram usados para especificar quadros específicos. No entanto, os quadros foram depreciados em HTML5.

alvo predefinido

se não for especificado target, a ligação irá abrir no contexto actual, a menos que o utilizador ou navegador especifiquem o contrário.

a target= “_blank” Open in New Browser Tab (or Window)

the target attribute specifies where the linked document will open when the link is clicked. O valor por omissão é a janela actual. Se target="_blank", o documento ligado irá abrir numa página nova ou (nos navegadores mais antigos) numa janela nova.

porquê abrir num novo navegador?

The most common reason to use ‘target=” _blank ” is so that offsite links open in a separate tab. Isso permite que um usuário clique em uma referência e volte para ela mais tarde, sem sair da página atual. Ele mantém os visitantes em seu site por mais tempo e melhora a maioria de suas métricas: taxa de salto, conversão, páginas visitadas.

abra todas as Ligações externas numa nova página com JavaScript

você não precisa adicionar manualmente target="_blank" a cada ligação no seu site. Se você ligar muito (o que você deve fazer), é fácil adicionar algum código JavaScript para o seu site e transformar todas as ligações externas em links _blank automaticamente.

jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank'); 

(você pode ver uma forma ligeiramente modificada deste código em ação em cada página deste site.) Este truque requer jQuery, mas há uma boa chance de você já está usando ele. É usado nos frameworks mais populares e sistemas de gestão de conteúdo, incluindo WordPress, Drupal e Twitter Bootstrap. Se precisares de o fazer sem o jQuery, isso também pode ser feito. Aqui está uma versão” plain JavaScript”:

function externalLinks() { for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) { var b = c; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks(); 

além de facilitar as coisas, isto limpa consideravelmente a tua margem.

razões para não usar `target=”_blank”

algumas pessoas argumentam que os usuários não preferem abrir links em um novo contexto de navegação. Eles acham que fazê-lo é semelhante a anúncios popup e outro comportamento irritante. Com o aumento da navegação por páginas, Este argumento desapareceu em grande parte. A maioria dos usuários preferem abrir links em uma nova página, porque permite que eles venham na fila de links referenciados para leitura posterior, sem perder seu contexto de navegação atual.

Adam é um escritor técnico especializado em documentação do desenvolvedor e tutoriais.