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> |