Home Ontwerp je site HTML Hyperlinks in HTML : absolute en relatieve adressen

Hyperlinks in HTML : absolute en relatieve adressen

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.

2 + 0 =
 

GOOGLE adsense