Paden voor HTML -bestanden
Een bestandspad beschrijft de locatie van een bestand in de mappenstructuur van een website.
Voorbeelden van bestandspaden
| Pad | Beschrijving |
|---|---|
| <img src="foto.jpg"> | Het bestand "picture.jpg" bevindt zich in dezelfde map als de huidige pagina |
| <img src="images/picture.jpg"> | Het bestand "picture.jpg" bevindt zich in de map afbeeldingen in de huidige map |
| <img src="/images/picture.jpg"> | Het bestand "picture.jpg" bevindt zich in de map afbeeldingen in de hoofdmap van het huidige web |
| <img src="../foto.jpg"> | Het bestand "picture.jpg" bevindt zich in de map een niveau hoger dan de huidige map |
Paden voor HTML-bestanden
Een bestandspad beschrijft de locatie van een bestand in de mappenstructuur van een website.
Bestandspaden worden gebruikt bij het linken naar externe bestanden, zoals:
- webpagina's
- Afbeeldingen
- Stijlbladen
- JavaScripts
Absolute bestandspaden
Een absoluut bestandspad is de volledige URL naar een bestand:
Voorbeeld
<img src="https://www.w3schools.com/images/picture.jpg"
alt="Mountain">
De <img>-tag wordt uitgelegd in het hoofdstuk: HTML-afbeeldingen .
Relatieve bestandspaden
Een relatief bestandspad verwijst naar een bestand dat relatief is ten opzichte van de huidige pagina.
In het volgende voorbeeld verwijst het bestandspad naar een bestand in de afbeeldingenmap die zich in de hoofdmap van het huidige web bevindt:
Voorbeeld
<img src="/images/picture.jpg"
alt="Mountain">
In het volgende voorbeeld verwijst het bestandspad naar een bestand in de afbeeldingenmap die zich in de huidige map bevindt:
Voorbeeld
<img src="images/picture.jpg"
alt="Mountain">
In het volgende voorbeeld wijst het bestandspad naar een bestand in de afbeeldingenmap die zich in de map één niveau hoger dan de huidige map bevindt:
Voorbeeld
<img src="../images/picture.jpg"
alt="Mountain">
Beste oefening
Het is het beste om relatieve bestandspaden te gebruiken (indien mogelijk).
Als u relatieve bestandspaden gebruikt, zijn uw webpagina's niet gebonden aan uw huidige basis-URL. Alle links werken zowel op uw eigen computer (localhost) als op uw huidige publieke domein en uw toekomstige publieke domeinen.