Τι είναι ένας σχετικός σύνδεσμος;

Ένας σχετικός σύνδεσμος είναι μια URL που δείχνει σε έναν πόρο που βρίσκεται στον ίδιο τομέα με τη σελίδα που εμφανίζεται, χωρίς να καθορίζει ολόκληρο το μονοπάτι του τομέα. Χτίζεται σε σχέση με την τρέχουσα θέση ή τη βασική URL που ορίζεται στην ετικέτα <base>.

Τύποι σχετικών συνδέσμων:

• Που αναφέρονται σε αρχεία στον ίδιο φάκελο: Μόνο το όνομα του αρχείου.

  <a href="index.html">Αρχική</a>
  

• Που αναφέρονται σε αρχεία σε υποφακέλους: Αναφέρεται το όνομα του υποφακέλου και το όνομα του αρχείου.

  <a href="img/logo.png">Λογότυπο</a>
  

• Που αναφέρονται σε αρχεία στον ανώτερο φάκελο: Χρησιμοποιείται το ../. Κάθε ζεύγος ../ ανεβαίνει ένα επίπεδο στην ιεραρχία των φακέλων.

  <a href="../css/style.css">Στυλ</a>
  

• Που αναφέρονται στον ριζικό φάκελο: Χρησιμοποιείται το / στην αρχή της διαδρομής. Η διαδρομή μετράται από τον ριζικό φάκελο της ιστοσελίδας.

  <a href="/about.html">Σχετικά με εμάς</a>
  

Πλεονεκτήματα:

• Βολικό κατά την ανάπτυξη και την πλήρη μεταφορά της ιστοσελίδας.
• Συντομότερη URL.

Μειονεκτήματα:

• Απαιτεί κατανόηση της ιεραρχίας των αρχείων.
• Μπορεί να προκύψουν προβλήματα κατά την αλλαγή της δομής των φακέλων.