Memahami File Paths
Panduan detail navigasi berkas untuk pengembangan web dan pengelolaan data.
Absolute Path
Jalur Absolut
Jalur lengkap (URL penuh) yang mengarah ke lokasi file di internet atau root sistem komputer. Tidak peduli di mana file HTML kita berada, jalur ini tetap sama.
<img src="https://shopee.co.id/logo.png">
Relative Path
Jalur Relatif
Jalur yang bergantung pada lokasi file HTML yang sedang dibuka saat ini. Ini sangat fleksibel untuk proyek yang berpindah-pindah folder.
<img src="./assets/flood-map.jpg">
Kenapa Ini Penting : misalnya untuk melakukan Riset ?
Sebagai peneliti Optimasi Rute Evakuasi Banjir di Samarinda, kita akan sering berurusan dengan pemanggilan dataset:
- ../data/lempake.csv : Mengambil data dari folder "data" yang berada satu tingkat di atas folder saat ini.
- images/graph.png : Menampilkan visualisasi hasil algoritma Dijkstra yang disimpan dalam sub-folder images.
- script.js : Memanggil logika JavaScript yang berada di folder yang sama (root).
Aturan Navigasi Cepat
| Simbol |
Arti |
file.jpg |
File berada di folder yang sama dengan HTML. |
images/file.jpg |
File berada di folder images di dalam folder saat ini. |
/images/file.jpg |
File berada di folder images yang berada di root situs web. |
../file.jpg |
Naik satu tingkat folder ke atas untuk mencari file. |