Neste artigo, você aprenderá de forma clara e direta como inserir corretamente esses sinais, por que isso é importante e como lidar com outros caracteres especiais em HTML.
Como fazer para o link abrir em nova aba como tag a html?
A maneira mais fácil de controlar se o link deve ser aberto na mesma aba ou em uma nova é usando o atributo target com o valor _blank junto com a tag <a> do HTML. Como mostra o exemplo abaixo:
<a href="#" target="_blank">link nova aba</a>
Quando o usuário clicar nesse link ele irá abrir em uma nova aba ou as vezes em nova janela dependendo da configuração do navegador.
Abrir o link em uma aba diferente não precisa de nada mais que o próprio HTML, não precisa usar javascript ou outra linguagem.
Esse atributo é nativo do HTML.
Abrir link na mesma aba html
Como seria a tag para abrir na mesma aba?
Abaixo tem um exemplo de link simples do HTML que abre na mesma aba:
<a href="#">link simples</a>
Como você pode ver se clicar nesse link ele irá para o topo dessa página e manter na mesma aba. Ele sobe a página pois tem apenas o cerquilho "#" no lugar do endereço ou URL.
O padrão do HTML é abrir o link na mesma aba, por isso o target="blank" que teria o mesmo resulta não precisa ser declarado.
Por que e quando usar o target _blank?
Abrir o link em nova aba é importante para aumentar a permanência dos usuários no site.
Isso é usado normalmente para abrir links que estão fora do site, como um blog de terceiro, páginas de rede sociais como facebook, instagram, youtube ou twitter, um e-commerce, um arquivo PDF... Qualquer coisa que irá tirar o usuário da navegação do domínio. Fazer isso seria prejudicial ao site principalmente por causa do SEO, pois estará retirando acessos dele.
Veja mais em:
- O que são hyperlinks ou hypertext?
- Como é composto um link HTML?
- Quais os elementos que compõe os links HTML?
- Como estilizar o link?
- O que é o atributo href?
- O que é o atributo target?
- O que é o atributo title?
- Como abrir link em nova janela pop-up html?
- Como abrir link em outro navegador html?
- Como configurar chrome para abrir link em nova aba?
- Como abrir link em nova aba javascript?
- Como abrir link em nova aba chrome?
- Como abrir imagem em nova aba html?
- Como abrir link automaticamente html?
Seja bem vindo ao blog Espaço HTML
Com dicas que vão direto ao ponto sobre html
Aprenda a criar e adicionar um favicon personalizado em poucos passos. Descubra como esse pequeno ícone pode fazer toda a diferença na identidade da sua marca.
É o adiamento e eventualmente dispensa do carregamento de imagens que o usuário não irá visualizar imediatamente. Serve para melhorar a experiência de usuários com internet ruim e assim otimizar o SEO.
Vamos desvendar juntos como essas linguagens fundamentais se combinam para criar não apenas estética visual, mas também uma presença online otimizada e impactante.
Explore as infinitas possibilidades de design no HTML, desvendando os segredos das cores que cativam visitantes e elevam seu site nos rankings de busca.
Descubra o poder oculto por trás da codificação HTML: desde a elegância dos caracteres especiais até a versatilidade das entidades, elementos, números e símbolos.
Desvende os truques do espaçamento em HTML e CSS com esta lista imperdível de 10 itens. A surpresa do número 6 vai redefinir suas noções de design web!