📘 Aula 16: Usando links internos 📘

O que são links internos?

Links internos são hiperlinks que levam o usuário para uma parte diferente dentro da mesma página ou entre páginas do mesmo site.

Exemplo de estrutura

Aqui usamos a TAG de links:

<a href="seu-link-interno" rel="next">sua-descrição</a>

Esse sistema de navegação com rel="next" e rel="prev" tem um significado importante semântico, pois define um valor entre eles como identificação para sistemas como o Google.

DICA: Para encontrar rápido um link interno na sua pasta use o atalho: segure o CTRL dentro das aspas do href=" " e aperte a tecla ESPAÇO para escolher o seu link interno.

Exemplo Visual do resultado da estrutura acima

Segundo exemplo de estrutura

Aqui nesse exemplo usamos quando não temos certeza da veracidade sobre um link.

Exemplo de estrutura:

<a href="https://www.hostnet.com.br" target="_blank" rel="nofollow">descrição</a>

Aqui usamos rel="nofollow" para informar ao mecanismo de busca que você não dá um aval para esse conteúdo.

Exemplo de estrutura com uma terceira página

Terceira página exemplo:

Você também pode acessar uma

<a href="pagina-noticias/noticias.html">Página de notícias</a>

Como vê, aqui o caminho do HTML está em uma sub-pasta nomeada como pagina-noticias/, seguido pelo arquivo da terceira página.

DICA: use o mesmo atalho segurando a tecla CTRL dentro das aspas em href=" " e apertando a tecla ESPAÇO.

IMPORTANTE: Na página de notícias de exemplo usamos a seguinte estrutura:

Estrutura:

<a href="../html-da-aula">Voltar para aula</a>

Como prestou atenção, usamos ../ para que o HTML de notícias encontre o caminho da aula e encaminhe você de volta.