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

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

Η άγκυρα υλοποιείται με τη χρήση του χαρακτηριστικού id σε ένα HTML στοιχείο και ενός συνδέσμου (<a>) με το χαρακτηριστικό href, που ξεκινά με το σύμβολο # και το όνομα της άγκυρας (id).

<a href="#section2">Πήγαινε στη δεύτερη ενότητα</a>

<section id="section1">
  <h2>Πρώτη ενότητα</h2>
  <p>Περιεχόμενο της πρώτης ενότητας.</p>
</section>

<section id="section2">
  <h2>Δεύτερη ενότητα</h2>
  <p>Περιεχόμενο της δεύτερης ενότητας.</p>
</section>

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

Πίνακας σύγκρισης της χρήσης άγκυρας και κανονικών συνδέσμων:

Χαρακτηριστικό	Άγκυρα (href="#id")	Κανονικός σύνδεσμος (href="/page")
Πού οδηγεί ο σύνδεσμος	Σε ένα συγκεκριμένο σημείο στη τρέχουσα σελίδα	Σε άλλη σελίδα ή πόρο
Σύμβολο στο href	Ξεκινά με #	Συνήθως ξεκινά με / ή με το πρωτόκολλο (http://)
Λειτουργία	Πλοήγηση μέσα στη σελίδα	Πλοήγηση μεταξύ σελίδων