Explorando opções de link em html5
hiperlinks,
Conteúdo
Outras páginas HTML (quer em seu site ou em outro site)
Locais diferentes, na mesma página HTML
Os recursos que não são sequer páginas HTML em tudo, como endereços de e-mail, fotos e arquivos de texto ou downloads para os visitantes
locais de ligação, legendas e destinos exercem uma enorme influência sobre a forma como os visitantes do site percebem as ligações. O tipo de link que você criar é determinado pelo que você link para e como você formular sua marcação link.
links absolutos
A link absoluto usa uma URL completa para conectar navegadores para uma página web ou recurso online.
Ligações que usam uma URL completa para apontar para um recurso são chamados absoluto porque eles fornecem um, stand-alone caminho completo para um outro recurso web. Quando você conectar-se a uma página no site de outra pessoa, o navegador precisa de cada bit de informação na URL para encontrar essa página. O navegador começa com o domínio na URL e trabalha o seu caminho através do caminho para um arquivo específico.
Quando você link para arquivos no local de outra pessoa, você deve sempre usar URLs absolutos na href atributo do elemento âncora. Aqui está um exemplo:
http: //local na rede Internet.com /diretório/página.html
links relativos
UMA link relativo usa uma espécie de taquigrafia para especificar uma URL para um recurso que você está apontando para.
Use as diretrizes a seguir com links relativos em suas páginas HTML:
Criar links relativos entre recursos no mesmo domínio.
Porque ambos os recursos estão no mesmo domínio, você pode omitir informações de domínio do URL.
UMA relativo URL usa a localização do recurso que você ligar a partir de para identificar a localização do recurso você vincular para (por exemplo, page.html).
Uma ligação relativa é semelhante ao dizer a alguém que ele ou ela precisa ir para o Eastside Mall. Se a pessoa já sabe onde o Eastside Mall é, ele ou ela não precisa de direções adicionais. Os navegadores da Web se comportam da mesma maneira.
Se você usar links relativos em seu site, os links ainda funcionam se você mudar
Servidores.
Nomes de domínio.
ligações simples
Você pode tirar proveito de URLs relativos ao criar uma ligação entre as páginas no mesmo site. Se você quiser fazer uma ligação de https://mysite.com/home.html para https://mysite.com/about.html, você pode usar este URL simplificada, relativa em um elemento âncora na home.html:
Saber mais sobre nossa empresa.
Video: Tirar sublinhado de link (menu da loja). HTML5 e CSS3 aula 26
Quando um navegador vê um link sem um nome de domínio, o navegador assume que a ligação é relativo e usa o domínio e caminho da página com links para encontrar a página vinculada. O exemplo anterior só funciona se home.html e about.html estão no mesmo diretório, no entanto.
links de site
Conforme o site cresce mais complexo e você organizar seus arquivos em várias pastas, você ainda pode usar links relativos. No entanto, você deve fornecer informações adicionais no URL relativo para ajudar o navegador encontrar arquivos que não residem no mesmo diretório que o arquivo a partir do qual você está ligando.
Video: HTML5 Tutorial 2.0.1 | How to Create a Hypertext Link
Usar ../ (Dois períodos e uma barra) antes do nome do arquivo para indicar que o navegador deve subir um nível na estrutura de diretórios.
A marcação para este processo de navegação diretório parecerá com isso:
Mova-se uma pasta a partir da pasta do documento ligando está armazenado.
Encontrar uma pasta chamada docs.
Dentro dessa pasta, encontrará um arquivo chamado home.html.
Quando você cria um link relativo, a localização do arquivo para que você link é sempre relativo ao arquivo a partir de que você ligar. Como você criar um URL relativo, traçar o caminho de um navegador leva se ele começa na página que você está ligando a partir de obter a página para a qual você está ligando. Esse caminho define o URL que você precisa.