|
Er is een verschil tussen absolute en relatieve internetadressen. Beiden
hebben dezelfde functie: ze geven aan waar een bestand zich bevindt en beiden
worden ook in het href-attribuut vermeld. Het verschil zit hem in
de schrijfwijze.
Absolute en relatieve adressen
Absolute internetadressen geven het complete adres
van de plaats waar een bestand staat. Bijvoorbeeld:
- <a href="http://www.websitemaken.be/home.html">
Het bestand home.html staat op de locatie http://www.websitemaken.be/.
<a href="D:/website/test/pag1.html">
Het bestand pag1.html staat op de D-schijf in de map website/test.
Dit zijn allebei absolute adressen. Relatieve internetadressen zien er heel anders uit. Zij geven namelijk de
plaats aan van de pagina waarnaar gelinkt wordt ten opzichte van de locatie van de pagina van waaruit gelinkt wordt.
Relatieve adressen : Linken naar bestanden binnen een map
Staan 2 pagina's in dezelfde map, dan kan je van de ene naar de andere pagina linken door gewoon de volgende linkstructuur te gebruiken :
<a href="./pagina2.html">Pagina 2</a> of <a href="pagina2.html">Pagina 2</a>
Relatieve adressen : Linken naar bestanden in onderliggende mappen
Staat de pagina waarnaar je linkt in een onderliggende map, voeg je de mapnaam gewoon toe :
<a href="./test/pagina2.html">Pagina 2</a>
pagina2.html zit nu dus in een map genaamd test, die zelf in dezelfde map staat als de pagina waarin gelinkt wordt. Je kan zo mapnamen blijven toevoegen en verder onderliggende mappen bereiken :
<a href="./test/data/pagina2.html">Pagina 2</a>
Relatieve adressen : Linken naar bestanden in bovenliggende mappen
Staat de andere pagina echter in een
bovenliggende map, dan wordt er gebruik gemaakt van twee punten en een
slash (../) om daar naar te verwijzen. Iedere ../ staat voor een directory
hoger. Een aantal voorbeelden:
- <a href="../home.html">
home.html staat één directory hoger dan de huidige directory.
<a href="../../ct/test.html">
test.html staat twee directory's hoger in de directory ct.
Relatieve adressen worden meer gebruikt dan absolute. Dit komt vooral omdat
absolute adressen problemen opleveren als een directory wordt verplaatst of een
andere naam krijgt.
Het is dus heel belangrijk goed te weten hoe de pagina's in je website naar elkaar linken, en wat dat betekent wanneer je mappen wil verplaatsen of van naam verandert !
Wanneer links na zo een wijziging niet meer werken, zal je ze in de code terug moeten aanpassen. Dit
kun je dus voorkomen door relatieve links te maken.
Gezien je je website eerst maakt op een
lokaal systeem op je harde schijf, kan je door het gebruik van relatieve adressen ook je website al bekijken zoals hij online komt te staan. Als je absolute (internet)adressen gebruikt, moeten al je pagina's ook effectief op die posities op je server staan wil je je site kunnen bekijken. Als je dan iets wil veranderen aan je pagina moet je telkens de pagina opnieuw deleten en opnieuw uploaden, wat een vrij onhandige manier van werken is.
Linken naar een andere plaats op het web
Wil je linken naar een document elders op het World Wide Web, dan
gebruik je bij href het volledige internetadres van
dat document. (Als de webmaster van die site de pagina verplaatst, zal jouw link dus ook niet meer werken)
<a href="http://www.website.be/map/bestand.html">link</a>
Lees verder over Hyperlinks in het hoofdstuk over links leggen binnen eenzelfde pagina.
|