Ao desenvolver qualquer site, os desenvolvedores devem considerar os projetos para facilitar a compreensão. Portanto, os usuários podem facilmente procurar informações usando qualquer dispositivo. Alguns dos fatores fáceis de usar são tempos de carregamento rápido, estrutura clara, conteúdo bem formado e navegação eficiente é uma delas.

Mais especificamente, links externos que abrem em novas guias são ideais para o desenvolvimento da web porque incentivam os visitantes a permanecer no seu site por muito tempo. Isso também salva os usuários de clicar repetidamente no botão Voltar.

Este artigo ilustrará:

• Como abrir um link em html?
• O que é um atributo alvo?
• Como lançar um link em uma nova guia?

Como abrir um link em html?

O "”O elemento em HTML é utilizado para incorporar o hiperlink de outra página HTML. O "Href”O atributo é a parte mais notável de uma tag html“ ”. O URL de origem é definido usando o atributo "href".

Exemplo
Confira o exemplo abaixo, onde criaremos uma página HTML contendo texto associado a um link.

• Primeiro, adicione “

  " e "

  ”Elementos que adicionarão um título e um parágrafo à página da web.

• O "

  ”O elemento contém um html“”Elemento com o“Href”Atributo.

Aqui está o código HTML:

Linuxhint

Confira a Site Linuxhint Para aprender habilidades tecnológicas em demanda.

Salve o código e abra o arquivo no navegador:

A saída acima fornecida mostra que o link anexado abre a página de destino na mesma guia.

O que é um atributo "alvo"?

O "alvo”O atributo significa onde o documento vinculado deve ser aberto.

Sintaxe

Nome do link

Abaixo está a explicação da sintaxe acima mencionada:

• O "Href”O atributo é utilizado para manter o URL do documento.
• O "rel”O atributo determina como o arquivo html e o arquivo vinculado estão relacionados.
• O "alvo”O atributo é usado para declarar o destino em que o link será aberto.

Como lançar um link em uma nova guia?

O html “”Tag com o atributo“alvo”Descreve se um link deve ser lançado em outra guia. Este atributo é necessário para atribuir um valor “_em branco”. Além disso, o atributo “Noopener Noreferrer”É adicionado por razões de segurança:

Confira a Site Linuxhint Para aprender habilidades tecnológicas em demanda.

Adicionamos esses dois atributos à tag HTML “”:

• O "alvo”O atributo recebe um“_em branco" valor.
• O "rel”O atributo é ajustado com o“Noopener Noreferrer”Valor por razões de segurança.

Aqui, você pode ver que abrimos com sucesso o link em uma nova guia:

Ilustramos como abrir o link em uma nova guia em html.

Conclusão

Em HTML, o “alvoO atributo é definido no “”Tag para fazer um lançamento de link em uma nova guia. Este atributo recebe um “_em branco" valor. Além disso, o “rel”O atributo é implementado com um valor“Noopener Noreferrer”Para tornar o link seguro e protegido. Este blog ilustrou o método para ativar um link em outra guia.