Διαδρομή αρχείου HTML

Παράδειγμα Περιγραφή
<img src="picture.jpg"> picture.jpg βρίσκεται στον ίδιο φάκελο με την τρέχουσα σελίδα
<img src="images/picture.jpg"> picture.jpg βρίσκεται στο φάκελο images του τρέχοντος φακέλου
<img src="/images/picture.jpg"> picture.jpg στο φάκελο images του ριζικού φακέλου του τρέχοντος ιστοχώρου
<img src="../picture.jpg"> picture.jpg βρίσκεται στον προηγούμενο φάκελο του τρέχοντος φακέλου

Διαδρομή αρχείου HTML

Οι διαδρομές αρχείων περιγράφουν τη θέση ενός αρχείου στην δομή φακέλων του ιστοсайτ.

Οι διαδρομές αρχείων χρησιμοποιούνται όταν συνδέτε εξωτερικά αρχεία στο σύνδεσμο:

  • Ιστοσελίδα
  • Εικόνα
  • Στυλ
  • JavaScript

Απολύτως Ορισμένος Δρόμος Αρχείου

Ο απολύτως ορισμένος δρόμος αρχείου είναι μια πλήρης URL που δείχνει σε ένα αρχείο στο Διαδίκτυο:

Παράδειγμα

<img src="https://www.codew3c.com/images/picture.jpg" alt="flower">

Το ετικέτα <img> και οι ιδιότητες src και alt εξηγούνται στο κεφάλαιο HTML Εικόνων.

Σχετικές Διαδρομές

Οι σχετικές διαδρομές δείχνουν σε αρχεία που βρίσκονται σε σχέση με την τρέχουσα σελίδα.

Σε αυτό το παράδειγμα, ο δρόμος του αρχείου δείχνει σε ένα αρχείο που βρίσκεται στον φάκελο images της ρίζας του ιστοсайτ:

Παράδειγμα

<img src="/images/picture.jpg" alt="flower">

Σε αυτό το παράδειγμα, ο δρόμος του αρχείου δείχνει σε ένα αρχείο που βρίσκεται στον φάκελο images του τρέχοντος φακέλου:

Παράδειγμα

<img src="images/picture.jpg" alt="flower">

Σε αυτό το παράδειγμα, ο δρόμος του αρχείου δείχνει σε ένα αρχείο που βρίσκεται στον φάκελο images του προηγούμενου φακέλου του τρέχοντος φακέλου:

Παράδειγμα

<img src="../images/picture.jpg" alt="flower">

Καλή Συνήθεια

Η χρήση διαδρομών σχετικών είναι καλή συνήθεια (αν είναι δυνατό).

Αν χρησιμοποιήσετε διαδρομές σχετικές, η ιστοσελίδα σας δεν θα συνδεθεί με τον τρέχοντα URL βάσης. Όλοι οι σύνδεσμοι θα λειτουργήσουν κανονικά στο υπολογιστή σας (localhost) ή σε μελλοντικά δημόσια τομείς.