Como fazer para o link abrir em nova aba como tag a html?

tag a abrir em nova aba

Para isso se usa o atributo do elemento de ancora target com underline + blank.

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>

link nova aba

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>

link simples

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:

Quer acompanhar as novidade do site?

Leia mais em: ww.w3schools.com/tags/att_a_t...

imagem genérica de html para representar link abrir em nova aba html

Última atualização: 2023-02-15

Quer acompanhar as novidade do site?
Veja também:

Como tirar pontos e traços do cpf no excel?

Retirar pontos e traços no Excel

Como tirar pontos e traços no excel?

remover pontos e traços excel

Como colocar ícone no site?

Colocar icone no site

Como dar espaço em html?

espaço em html

Como riscar texto em HTML?

Riscar texto HTML

Como remover espaços em branco no php?

remover espaços php

Web Stories