Este artigo apresenta o guia sobre o link interno:
O que é Link interno HTML?
Os links internos HTML são os hiperlinks criados para permitir que os usuários naveguem por diferentes seções da página da web. O usuário ao interagir com um link interno, o navegador move a tela para a seção especificada da página da web. Ajuda na navegação dos usuários, especialmente se houver um site ou blog de uma única página.
Vamos percorrer um exemplo simples para o entendimento de links internos:
Exemplo: Uso de Links Internos como Navegador
Para entender o funcionamento dos links internos, podem ser utilizados os botões de navegação. Por exemplo, dois botões de navegação e conteúdo fictício foram criados nesta demonstração:
< div >
< h2 eu ia = 'parte um' > Parte um < / h2 >
< p > Bem-vindo ao conteúdo da primeira parte. < / p >
< h2 eu ia = 'parte dois' > Parte dois < / h2 >
< p > Ótimo! Você chegou à Segunda Parte do Conteúdo < / p >
< / div >
No trecho de código acima:
- Os dois primeiros ' ” tags são utilizadas para criar dois títulos/seções da página da web. Esses ' h2 ” os elementos mantêm o valor de “ parte um ' e ' parte dois ” que são atribuídos ao “ eu ia ” atributos, respectivamente.
- A seguir, o “ ” tags são utilizadas que contêm o conteúdo para cada “ ' marcação.
Agora, os botões de navegação são usados em relação aos links internos. Esses botões são criados usando a seguinte linha de código:
< ul >< que > < a href = '#parte um' >Parte Um< / a > < / que >
< que > < a href = '#parte dois' >Parte Dois< / a > < / que >
< / ul >
No trecho de código acima:
- Primeiro, o “
” para definir os itens da lista. - Em seguida, a âncora “ ” tag é utilizada e fornece dados fictícios para cada “
' marcação. - Depois disso, defina o valor do “ href ” atributo de ambos “ ” tags para “ parte um ' e ' parte dois ” id. Esta atribuição de “ eu ia ” cria um link interno.
Após a execução acima dos blocos de código, a página da Web funciona assim:
O gif acima ilustra o funcionamento dos links internos da página.
Conclusão
Os links internos HTML são os hiperlinks criados para permitir que os usuários naveguem por diferentes seções da página da web. Para criar um link interno, passe o id do elemento HTML pai. E forneça esse id como um valor para o “ href ” atributo fornecido pela âncora HTML “ ' elemento. Esse ' O elemento ” pode ser utilizado dentro da barra de navegação ou em qualquer lugar da página da Web que atue como um navegador. Este artigo demonstrou um exemplo prático do link interno HTML.