HTML - 8. Links

No HTML você pode adicionar links para referências para outras páginas, ou outros sites. Por exemplo, você tem uma página inicial para seu site de receitas, e tem uma página de receita de bolo de fubá, e então precisa que o usuário possa acessar a segunda página.

<a href="receita-bolo-fuba.html">Receita de bolo de Fubá</a>

Aqui temos um exemplo de código para referenciar uma página que está sobre o mesmo contexto, ou seja, no mesmo diretório.

Por padrão, páginas iniciais podem ter o nome de "index.html" ou "default.html", e o Servidor Web geralmente pode ocultar estes nomes deixando que estes arquivos sejam acessíveis facilmente apenas com o nome "/" do site, ou seja, sem que haja necessidade de entrar no site digitando o nome do arquivo, ele já irá entrar no arquivo direto.

Mas por normalização, padronização, devemos evitar que hajam links com destino a página "index.html" e semelhantes apenas para evitar duplicação de conteúdo pelos robôs que fazem busca na internet, ou seja, o seu site poderia ser aberto tanto em www.exemplo.com/ como em www.exemplo.com/index.html e não é ideal ter conteúdo duplicado.

Quando o usuário estiver na página da receita do bolo de fubá (ou qualquer outra página, também chamada de página secundária), deverá ter link para a home apenas para o endereço "/", que é a raiz do site.

Claro que se o seu site possui vários diretórios, como por exemplo: www.exemplo.com/receitas/bolo.html e usar o link de "/", irá para a home do site, a página principal, mas se quiser que entre na página principal "index.html" dentro de "/receitas", basta fazer um link contendo um ponto ".".

Veja os exemplos a seguir:

Quando na página secundária, do bolo de fubá:

<a href="/">Página inicial do site</a>

Quando estiver em um contexto (ou diretório) chamado "/receitas", deve-se usar o ponto para manter o diretório.

<a href=".">Página inicial de receitas</a>

Os atributos para a tag HTML a são:

href: define o endereço para onde desejar ir.
target: define para qual janela e/ou navegador deverá ir. Os valores comuns são: _self, _top, _blank, ou algum nome de elemento frame/iframe contendo o mesmo name do elemento no HTML.