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 absoluto. 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 se 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 dependem de posição da página atual para qualquer informação.

As referências relativas

As referências relativas são usados ​​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 entre eles.

Video: Excel Avançado Aula 02 Referências relativas e referências absolutas

A página não é tão interessante por conta própria, mas não pretende 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 mercado.

A página 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 interconectada de páginas. A referência relativa é muito útil quando você tem um conjunto de páginas com links de entrelaçamento.

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

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 maioria do código é completamente familiar. A única coisa surpreendente é que é não há. Dê uma olhada em um dos links:

Video: 9- Curso HTML5 y CSS: RUTAS ABSOLUTAS Y RELATIVAS

 casa.

Não há nenhum protocolo (a parte) e nenhum endereço em tudo, 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 pode dizer: “Vá para o corredor, vire à esquerda, e vire à esquerda novamente no final do próximo corredor.” Essas direções levá-lo a a 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 os links ainda irá 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.