Os links internos são utilizados para conectar páginas que pertencem ao mesmo site ou projeto.
Eles permitem que o usuário navegue entre diferentes conteúdos sem sair do ambiente do site.
É um link que aponta para outra página localizada dentro do mesmo projeto.
site/
│
├─ index.html
├─ sobre.html
├─ produtos.html
├─ contato.html
│
└─ css/
└─ style.cssTodas essas páginas podem ser conectadas através de links internos.
Quando o usuário clica em um link interno, o navegador abre outra página do mesmo projeto.
Página Inicial → Produtos → Detalhes → Contato
Os menus dos sites são compostos principalmente por links internos.
| Menu | Destino |
|---|---|
| Início | index.html |
| Sobre | sobre.html |
| Produtos | produtos.html |
| Contato | contato.html |
Os links internos normalmente utilizam caminhos relativos.
| Caminho | Descrição |
|---|---|
| sobre.html | Arquivo na mesma pasta. |
| paginas/sobre.html | Arquivo em subpasta. |
| ../index.html | Retorna uma pasta acima. |
Em projetos maiores é importante manter uma estrutura organizada.
site/
│
├─ paginas/
│ ├─ produtos.html
│ ├─ contato.html
│ └─ sobre.html
│
├─ imagens/
│
└─ css/Imagens também podem funcionar como links internos.
| Erro | Problema |
|---|---|
| Arquivo inexistente | Página não encontrada. |
| Caminho incorreto | Erro de navegação. |
| Menus incompletos | Dificulta a navegação. |
| Conceito | Descrição |
|---|---|
| Link Interno | Conecta páginas do mesmo site. |
| Menu | Conjunto de links internos. |
| Caminho Relativo | Referência baseada na estrutura de pastas. |