Como fazer para o link abrir em nova aba - Inserir target "_blank". Saiba onde HTML - Aula 3

Ticker

6/recent/ticker-posts

Header Ads Widget

Como fazer para o link abrir em nova aba - Inserir target "_blank". Saiba onde HTML - Aula 3

Quadros obsoletos; só use_blank

O único valor atualmente relevante de targeté _blank. Os outros valores de targetforam usados ​​para especificar quadros específicos. No entanto, os frames foram descontinuados no HTML5 .

Padrão target

Se nenhum target for especificado, o link será aberto no contexto atual, a menos que o usuário ou navegador especifique o contrário.

a target = ”_ blank” Abre em uma nova guia do navegador (ou janela)

O target atributo especifica onde o documento vinculado será aberto quando o link for clicado. O padrão é a janela atual. Se target="_blank", o documento vinculado será aberto em uma nova guia ou (em navegadores mais antigos) em uma nova janela.



Por que abrir em um novo navegador?

A razão mais comum para usar target =” _ blank ”é para que os links externos abram em uma guia separada. Isso permite que um usuário clique em uma referência e volte a ela mais tarde, sem sair da página atual. Ele mantém os visitantes em seu site por mais tempo e melhora a maioria de suas métricas: taxa de rejeição, conversão, páginas visitadas.




Abra todos os links externos em uma nova guia com JavaScript

Você não precisa adicionar manualmente target="_blank"a todos os links em seu site. Se você criar muitos links (o que deve ser feito), é fácil adicionar algum código JavaScript ao seu site e transformar todos os links externos em _blank links automaticamente.

(Você pode ver uma forma ligeiramente modificada desse código em ação em todas as páginas deste site.) Este truque requer jQuery , mas há uma boa chance de você já o estar usando. É usado nas estruturas e sistemas de gerenciamento de conteúdo mais populares, incluindo WordPress , Drupal e Twitter Bootstrap . Se você precisar fazer isso sem jQuery, isso também pode ser feito. Aqui está uma versão “JavaScript simples”:


<!DOCTYPE html>

<dir="ltr" lang="pt">

<meta charset="utf-8">

<html>

        <head>

        <title>Primeira Página</title>

        </head>

                <body>

                <h1>Minha Primeira Heading</h1>

                <p>Meu Primeiro Parágrafo<p>

                <a href="https://vagastecnicosrj.blogspot.com/">Esse é o Link do Site Mecautec</a><br>

                <br>

                <a href="https://vagastecnicosrj.blogspot.com/" target="_blank">Esse é o Link vai abrir em nova página</a> 

                <h2>Muito Obrigado!</h2>

                <h3>Até a Próxima Aula!</h3>

                <h4>Curta Nosso Canal no Youtube e se inscreva para receber nossas notificações.</h4>

                </body>

</html>


Razões para não usar target =” _ blank ”

Algumas pessoas argumentam que os usuários não preferem abrir links em um novo contexto de navegação. Eles acham que fazer isso é semelhante a anúncios pop-up e outros comportamentos irritantes. 

Com o aumento da navegação com guias , esse argumento praticamente desapareceu. A maioria dos usuários prefere abrir links em uma nova guia, porque permite que eles entrem na fila de links referenciados para leitura posterior sem perder seu contexto de navegação atual.


Fonte: https://html.com/attributes/a-target/

Postar um comentário

0 Comentários

Investindo em Offshore: Como Planejar sua Estratégia Global em 2025