Articles

Como usar as ligações para fazer ligações e abri-las onde quiser!

Posted on

Frames depreciados; usar apenas _blank

O único valor actualmente relevante de target_blank. Os outros valores de target foram utilizados para especificar molduras específicas. No entanto, os frames foram depreciados em HTML5.

Default target

Se não for especificado target, a ligação será aberta no contexto actual, a menos que o utilizador ou navegador especifique o contrário.

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

O atributo target especifica onde o documento ligado será aberto quando a ligação for clicada. O padrão é a janela actual. Se target="_blank", o documento ligado será aberto num novo separador ou (em navegadores mais antigos) numa nova janela.

Porquê Abrir num Novo Navegador?

O motivo mais comum para utilizar `target=”_blank” é para que as ligações offsite se abram num separador separado. Isto permite que um utilizador clique numa referência e volte a ela mais tarde sem sair da página actual. Mantém os visitantes no seu site por mais tempo e melhora a maioria das suas métricas: taxa de salto, conversão, páginas visitadas.

Abrir todas as ligações externas num novo separador com JavaScript

Não é necessário adicionar manualmente target="_blank" a cada ligação no seu site. Se criar muitos links (o que deve fazer), é fácil adicionar algum código JavaScript ao seu site e transformar todos os links externos em _blank links automaticamente.


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

(Pode ver uma forma ligeiramente modificada deste código em acção em cada página deste site). Este truque requer jQuery, mas há uma boa hipótese de já o estar a utilizar. É utilizado nas estruturas e sistemas de gestão de conteúdos mais populares, incluindo WordPress, Drupal, e Twitter Bootstrap. Se precisar de o fazer sem 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, isto limpa consideravelmente a sua marcação.

Razões para não utilizar `target=”_blank”

Algumas pessoas argumentam que os utilizadores não preferem abrir ligações num novo contexto de navegação. Pensam que fazê-lo é semelhante a anúncios popup e outros comportamentos aborrecidos. Com o aumento da navegação por abas, este argumento desapareceu em grande parte. A maioria dos utilizadores prefere abrir ligações num novo separador, porque isso permite-lhes vir enfileirar ligações referenciadas para leitura posterior sem perder o seu actual contexto de navegação.

Valores do Atributo alvo

Value Name Notes
_blank Abrir o documento ligado num novo separador ou janela.
_parent Abrir a ligação na moldura de origem. Os quadros são depreciados em HTML5.
_self Abrir o link no quadro actual.
_top Abrir o link no quadro mais elevado. Os quadros são depreciados em HTML5.
nome do quadro Abrir o link no quadro nomeado. As molduras são depreciadas em HTML5.

Todos os atributos do Elemento de ancoragem

Attributo nome Valores Notas
hreflang /td> >Specifica a linguagem do recurso ligado.
download /td>>Direcciona o navegador para descarregar o recurso ligado em vez de o abrir.
target _blank
_parent
_self
_top
nome do quadro
Especificar o contexto em que o recurso ligado será aberto.
title text Define o título de um link, que aparece ao utilizador como uma dica de ferramenta.
href url Especifica o documento, recurso, ou localização do link.
nome /td>>>>/td>>>/tr>
Adam é um escritor técnico especializado em documentação e tutoriais de desenvolvimento.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *