7/3/22, 9:11 μ.μ.

Σχετικές συνδέσεις σε ένα Site

Σχετικές συνδέσεις σε ένα Site

Σχετικές συνδέσεις: αποκαλούνται έτσι επειδή δεν περιλαμβάνουν ολόκληρο το όνομα διαδρομής ή τη διεύθυνση του προορισμού τους. Το όνομα της διαδρομής ή η διεύθυνση δίνεται σε
σχέση με την τρέχουσα σελίδα. Χρησιμοποιούνται κυρίως όταν θέλετε να εισάγετε σε μια σελίδα σας του Site σας, μια σύνδεση που να οδηγεί σε μια διαφορετική σελίδα του δικτυακού
σας τόπου.

Για παράδειγμα (Γιαννακόπουλος, 2015), η παρακάτω σύνδεση (link) αναζητά το αρχείο με το όνομα «contactme.html» στον ίδιο φάκελο που περιέχει και την τρέχουσα σελίδα (Site):

Εάν δημιουργούσατε μια σύνδεση προς ένα αρχείο αποθηκευμένο σε ένα διαφορετικό φάκελο, κάτω από τον τρέχοντα (υποφάκελο), η τιμή της ιδιότητας href θα ήταν:

Εάν θέλετε να δημιουργήσετε μια σύνδεση προς ένα αρχείο αποθηκευμένο σε ένα φάκελο που βρίσκεται πιο πάνω από τον φάκελο της τρέχουσας σελίδας μπορείτε να προσθέσετε το
”../” για κάθε επίπεδο φακέλων που θα ανεβείτε. Άρα αν το αρχείο προορισμού είναι 2 επίπεδα πάνω από την τρέχουσα θέση τότε θα γράφατε:

Έστω, για παράδειγμα, ότι δουλεύετε στο αρχείο july4.html και θέλετε να δημιουργήσετε μια σύνδεση προς την αρχική σελίδα index.html, όπως φαίνεται στην παρακάτω εικόνα.

https://rea.elke.uoa.gr/rea/lesson/72B04EFA-EE48-4A54-AC5A-E726E09BD445/paradeigma10.html 1/3
7/3/22, 9:11 μ.μ. Σχετικές συνδέσεις σε ένα Site

Σε αυτήν την περίπτωση ο κώδικας HTML θα γραφτεί ως ακολούθως:

Έστω, για παράδειγμα, ότι δουλεύετε στο αρχείο birthday.html και θέλετε να δημιουργήσετε μια σύνδεση προς τη σελίδα july4.html, όπως φαίνεται στην παρακάτω εικόνα.

https://rea.elke.uoa.gr/rea/lesson/72B04EFA-EE48-4A54-AC5A-E726E09BD445/paradeigma10.html 2/3
7/3/22, 9:11 μ.μ. Σχετικές συνδέσεις σε ένα Site

Σε αυτήν την περίπτωση ο κώδικας HTML θα γραφτεί ως ακολούθως:

κλείσιμο

https://rea.elke.uoa.gr/rea/lesson/72B04EFA-EE48-4A54-AC5A-E726E09BD445/paradeigma10.html 3/3