Como fazer um link abrir uma página em uma nova aba ou janela.
A simplicidade é tão grande que alguns irão até criticar, mas como nem todos nascem sabendo, então daremos seguimento à estes tutoriais simples, mas que poderão ajudar algumas pessoas.
A dúvida de como abrir links em novas abas ou janelas geralmente é muito frequente em usuários novatos.
Estrutura tradicional de um link
Um link é estruturado da forma descrita abaixo, contendo apenas a url de direcionamento, e também a palavra chave que ficará a mostra ( palavra clicável para o usuário ).
Como puderam ver, basta decorar a sequencia de caracteres e comandos existentes, e depois fazer a alteração do endereço e a palavra que irá se tornar um link.
Sabendo agora da extrutura tradicional de um link, vamos ver agora como fazer um link tradicional abrir em uma nova aba ou janela.
Usando o atributo target para fazer um link abrir em nova janela ou aba.
Como vimos acima, é bem simples adicionar um link tradicional, e agora vamos ver então como faze-lo abrir em uma nova aba ou janela ao ser clicado.
Vamos usar os mesmos exemplos citados acima mas agora adicionando o atributo target=”_blank”.
Como pudemos ver, para que um link abra em uma nova aba ou janela, é necessário adicionar o atributo target seguido do comando _blank.
Colocando links em imagens !
Como podemos ver acima, adicionar uma imagem em html é bem simples, bastando adicionar as regras de código acima. e para que esta imagem tenha um link que abra em uma nova janela, basta adicionar seguir os passos abaixo.
<a href=”endereço do link que você deseja” target=”_blank”><img src”link da imagem“/></a>
A imagem acima está linkada seguinte forma:
<a href=”http://www.facebook.com/kbaustutoriais” target=”_blank”><img src=”http://1.bp.blogspot.com/-oICL7hvDlPs/UOcd4qIhP2I/AAAAAAAAA7E/kJNiBFbZFq4/s200/link-icone.jpg“/></a>
Bom pessoal, acredito que não tenha deixado brexa para dúvidas, mas se mesmo assim ainda existirem, deixe seu comentário com a dúvida que nós ou os outros leitores poderão esclarecer para você !
Grande Abraço !
Este artigo pertence ao Kbaus Tutoriais.
Plágio é crime e está previsto no artigo 184 do Código Penal.
Olá Herlan !
Primeiramente peço desculpas por ter demorado para responder comentários anteriores, mas tive que fazer algumas correrias aqui de fim de ano. !
Eu também tive muito trabalho quanto à isso quando comecei, principalmente para entender um pouquinho de SEO. Editar é realmente muito chato. rsrs.
Abraço Herlan !
Olá Cleiton !
Realmente, inclusive o próprio blogger já utiliza a automatização das famosos atributos rel= "nofollow" para os buscadores e target = "_blank" para links e links em imagens.
Eu é que agradeço por ter você aqui para somar com nossos comentaristas !
Abraço !
Olá Miller.
Excelente artigo.
Este tutorial com certeza irá ajudar a muitas pessoas, eu não tinha muita noção quanto a isso quando estava iniciando e acabava não fazendo isto em links externos em meu blog, o que deu um trabalhão editar os artigos antigos para fazer estas alterações.
Abraços!
Olá Miller
São dicas que parecem ser simples para quem já trabalha a muito tempo com internet, mas com a popularização dos blogues, as pessoas tem programado menos e codificado mais.
Gostaria de agregar algumas target pra quem utiliza frame, quadros, div.
_parent (abrir em quadro pai)
_self (abrir no mesmo quadro)
_top (abrir em página inteira)
Conhecendo seu blog agora, e vendo que tem excelentes dicas, voltarei mais vezes.
Abraços e sucesso!