Há mais de um tipo de endereço ao programar em HTML5 e CSS3. Você provavelmente está familiarizado com referências absolutas, utilizados para links para páginas externas. Outro tipo de referência - uma referência relativa - liga várias páginas dentro do seu próprio site.

As referências absolutas

O tipo de ligação utilizado em basicLinks.html é um referência absoluta. As referências absolutas sempre começam com o nome do protocolo. Uma referência absoluta é o endereço completo para uma página web, assim como você usaria na barra de endereços do navegador. As referências absolutas são usados ​​para se referir a um site em outro lugar na Internet.

Mesmo que seus movimentos site (por exemplo, a partir do seu computador desktop para um servidor web em algum lugar na internet), todas as referências absolutas vai funcionar bem, porque eles não contam com a posição da página actual para qualquer informação.

As referências relativas

As referências relativas são usadas quando o seu site inclui mais de uma página. Você pode optar por ter várias páginas e um mecanismo de ligação para mover-se entre eles.

A página não é tão interessante por conta própria, mas não tem a intenção de ficar sozinho. Quando você clica em um dos links, você vai para uma página nova. Aqui está o que acontece quando você clica no link de mercado.

A página de mercado é muito simples, mas também contém um link para a página inicial. A maioria dos sites não são páginas simples em tudo, mas uma rede interligada de páginas. A referência relativa é muito útil quando você tem um conjunto de páginas com ligações de entrelaçamento.

O código para pigs.html mostra como parente referências funcionam:

Destino de Suínos Mamíferos
Este porquinho foi aomercado
Este porquinho ficoucasa.
Este porquinho tinhacarne assada
Este porquinho tinhaNenhum.
Este porquinho foi'Wee wee wee'todo o caminho de casa.

A maior parte do código é completamente familiarizados. A única coisa surpreendente é que é não há. Dê uma olhada em um dos links:

 casa.

Não há nenhum protocolo (a parte) e nenhum endereço de todo, apenas um nome de arquivo. Isto é um referência relativa. As referências relativas trabalhar, assumindo o endereço da página atual. Quando o usuário clica, o navegador vê nenhum protocolo, por isso assume que market.html é no mesmo diretório no mesmo servidor como.

As referências relativas funcionam como direções. Por exemplo, se você estiver em um laboratório e perguntar onde a fonte de água é, alguém poderia dizer, # 147 Ir para o corredor, vire à esquerda, e vire à esquerda novamente no final do próximo corredor. # 148- Estas instruções lhe à fonte de água se você começar no lugar certo. Se você está em outro lugar e você seguir estas instruções, você não vai encontrar a fonte de água.

As referências relativas funcionam bem quando você tem um monte de páginas da web interligadas. Se você criar um monte de páginas sobre o mesmo tema e colocá-los no mesmo diretório, você pode usar referências relativas entre as páginas. Se você decidir mudar suas páginas para outro servidor, todos os links ainda funcionam corretamente.

Muitas vezes é mais conveniente para criar e modificar suas páginas na máquina local e, em seguida, enviá-las para o servidor web para o mundo ver. Se você usar referências relativas, é fácil para mover um grupo de páginas em conjunto e conhecer as ligações continuarão a funcionar.

Se você está se referindo a uma página no site de outra pessoa, você tem que usar uma referência absoluta. Se você está ligando para outra página no seu site, você normalmente usa uma referência relativa.