Utilizando target blank

Hoje o Bruno Souza e outros designers que trabalham lá na agência, me perguntaram o porque que coloco os links na mesma janela (_self), invés de coloca-los em uma nova janela (_blank).

Simplesmente respondi que já tinha lido, que semânticamente falando seria incorreto utilizar o “_blank”. Sabendo que não tinha dado uma resposta correta, resolvi fazer uma pesquisa no velho Google para vê se achava alguma coisa sobre esse assunto.

Encontrei um artigo do Henrique Costa, do Revolução.etc que explica muito bem o quando e o porque que podemos utilizar o atributo target em hyperlinks e outro artigo no Acorda pra Web explicando a maneira de se abrir um link em uma nova janela utilizando um script em JavaScript e o atributo rel no hyperlinks.

Confira os textos:
Hyperlinks: o atributo target e algumas querelas morais.

(Quase) Nada de links abrindo em outra janela!

Depois que terminei de ler os dois artigos, cheguei a conclusão que cada um tem a sua maneira de desenvolver seu código. Sendo que algumas preferem trabalhar semânticamente, outras apesar de entenderem muito bem do assunto não dão tanta importância e outras utilizam de outros meios para poder realizar suas façanhas.

Direto na semântica

Vou ser curto.

Se você quiser seu XHTML 100% válido com o doctype strict (o mais servero de todos :D) nunca utilize o “_blank”, porque seguindo as regras da W3C, o atributo target nem existe para esse doctype.

Mas se você ver que à necessidade de se ter links abrindo em novas janelas, pode utilizar o rel=”external”, sabendo que vai precisar utilizar o código abaixo para fazer os browsers abrir o “external” como “_blank”.

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externalLinks;

Blog continuará “_self”

Apesar de saber que esse blog não possui o doctype strict, resolvi não mudar a maneira que os links devem ser aberto, deixando para o usuário a opção de escolha.

Outra razão é o fato que hoje em dia a maioria dos browsers possuem o recurso de abas. E o melhor de tudo é que se você conhecer os atalhos, não vai precisar sair da página que está visitando deixando os links em segundo plano.

Por essa facilidade e já que a maioria dos leitores do blog já usam os browsers com os recursos de abas, resolvi deixar os links abrindo na mesma janela.

Se você não conhece os atalhos para abrir links em novas abas, confira abaixo alguns:

Opera - crtl + shift + clique do mouse;
Firefox - crtl+ clique do mouse;
Internet Explorer 7 - crtl + clique do mouse;

Obs: O IE 6 não possui o recurso de abas.

Quem saber dos atalhos de outros browsers, deixar no comentário.