Eh, een tutorial is niet echt nodig voor dit onderwerp.
- een absoluut pad is een bestand aan duiden op een 'complete' mannier. Je geeft dus precies aan waar het staat. Zo zou een absoluut pad naar mijn huis bijvoorbeeld dit zijn: Europa, Nederland, Amsterdam, West, Langelaan 32, 2 hoog. Een URL (verwijzing naar een bestand) is bijvoorbeeld http://mijnsite.com/pagina.html.
- een bestand via een relatief pad aanduiden kan ook, maar dan moet je de context (eg. plek waar het verwijzende bestand staat) meenemen. Zo zou je bijvoorbeeld kunnen zeggen: mn (achter)buurman woont 1 straat achter mij, op nummer 42. Zonder te weten waar JIJ woont kan je ook niet weten waar je buurman woont. Een relatieve URL is bijvoorbeeld ../eenMap/meerMap/bestand.html.
Nu, in HTML werkt het ook zo. Stel je voor je hebt deze mapstructuur:
Code:
mijnsite.nl
- plaatjes/
- winter2008.jpg
- paginas/
- introductie.html
- over.html
Als je nu in
introductie.html het plaatje
winter2008.jpg wilt gebruiken, kan je een van de twee dingen doen. via een absolute manier:
HTML:
<img src='http://www.mijnsite.nl/plaatjes/winter2008.jpg' />
of via de relatieve manier
(noot: ../ betekent 1 map 'omhoog' of 'terug' in de mapstructuur):
HTML:
<img src='../plaatjes/winter2008.jpg' />
Je moet eerst 1 map omhoog (zodat je in de root van
mijnsite.nl komt) en dan naar de map 'plaatjes'.
De browser (IE, Firefox, Chrome, etc) leest de code. Als je het plaatje absoluut neerzet, weet de browser precies waar het plaatje staat. Als je echter op de relatieve manier het plaatje linkt, zal de browser eventjes moeten nadenken waar het plaatje staat: eerst 1 map omhoog, dan naar de map
plaatjes, en daar staat het plaatje.
Het is meestal handiger om relatieve paden te gebruiken: als je je domeinnaam nog niet weet of wilt veranderen, hoef je niet eerst alle pagina's door te lopen om de URL te veranderen (zolang de mapstructuur hetzelfde blijft).