Document root

De document root is de belangrijkste map van je website of webapplicatie. Het is de plek waar de webserver kijkt naar bestanden die bij jouw website horen. Wanneer je XAMPP gebruikt dan is de document root in het geval van Windows standaard C:\xampp\htdocs. Wanneer je in je browser naar je localhost gaat dan krijg je de inhoud van C:\xampp\htdocs te zien.

Waarom is dit belangrijk?

In een real world scenario plaats je server side code meestal buiten de document root. Een map hoger bijvoorbeeld. Op die manier zijn php bestanden nooit rechtstreeks te benaderen. Stel dat php even niet werkt dan kan het bijvoorbeeld gebeuren dat wanneer je naar bijvoorbeeld htttp://www.jouwsite.nl/config.php gaat, alle wachtwoorden op het scherm komen te staan.

Framework Document root
Yii web
Laravel public
Symfony public

Relatie met links en stylesheets

Als je een link naar een ander bestand wilt maken (zoals een afbeelding of een stylesheet), moet je het juiste pad (de locatie van dat bestand) aangeven. Dit pad kan absoluut of relatief zijn:

  • Absoluut pad: Dit is een volledig pad vanaf de document root. Bijvoorbeeld: /css/styles.css betekent dat je stylesheet zich in de css-map bevindt, die direct in de document root zit. Wanneer een pad start met een / dan is het een absoluut pad.
  • Relatief pad: Dit pad is afhankelijk van waar je je bevindt ten opzichte van het bestand dat je probeert te linken. Bijvoorbeeld: ../css/styles.css betekent dat je eerst een map omhoog gaat, en dan naar de css-map gaat om de stylesheet te vinden.

Absolute paden gebruiken

Waar mogelijk is het bijna altijd beter om absolute paden te gebruiken. Dat maakt je website of je systeem namelijk veel makkelijker om te onderhouden. Als je pagina's hernoemd of in een map wilt zetten dan blijft alles altijd werken. Wanneer je overal relatieve paden gebruikt dan moet bij een grote website soms honderden of zelfs duizenden verwijzingen aanpassen

Navigatie

« Less & Sass