Τι είναι μια 'άγκυρα' στο πλαίσιο της ανάπτυξης ιστού;

Ο σύνδεσμος-άγκυρα είναι ένα μέσο πλοήγησης μέσα σε μια ιστοσελίδα. Επιτρέπει τη δημιουργία ενός συνδέσμου που δεν οδηγεί σε άλλη σελίδα, αλλά σε μια συγκεκριμένη ενότητα της τρέχουσας σελίδας.

Υλοποιείται με:

1. Το χαρακτηριστικό id: Ανατίθεται σε ένα στοιχείο που θα είναι ο προορισμός — το σημείο στο οποίο θα οδηγήσει η άγκυρα. Το id πρέπει να είναι μοναδικό μέσα στη σελίδα.

   <h2 id="section-title">Τίτλος ενότητας</h2>
   

2. Συνδέσμους με το σύμβολο # και την τιμή id: Στο χαρακτηριστικό href, δηλώνεται το # ακολουθούμενο από την τιμή id του στοιχείου στόχου.

   <a href="#section-title">Πήγαινε στην ενότητα</a>
   

Κάνοντας κλικ σε αυτόν τον σύνδεσμο, ο περιηγητής θα μετακινηθεί μέχρι το στοιχείο με το αντίστοιχο id.

Οι άγκυρες χρησιμοποιούνται για:

• Δημιουργία περιεχομένου σε μακρές σελίδες.
• Γρήγορη πλοήγηση σε συγκεκριμένες ενότητες (π.χ., φόρμες, επαφές, σημειώσεις).
• Διατήρηση της θέσης του χρήστη κατά την ανανέωση ή την επιστροφή στη σελίδα.

Στη διεύθυνση URL, η άγκυρα προστίθεται μετά το σύμβολο #: https://example.com/page#section-title.