Τι είναι ένας άγκυρα;

Το στοιχείο (Anchor) στην ανάπτυξη ιστοσελίδων είναι ένα στοιχείο HTML που δημιουργεί έναν υπερσύνδεσμο (σύνδεση) μεταξύ δύο πόρων. Χρησιμοποιείται κυρίως για τη δημιουργία συνδέσμων σε άλλες ιστοσελίδες ή σε συγκεκριμένα τμήματα της τρέχουσας σελίδας.

Ο κύριος ετικέτα για τη δημιουργία ενός anchor είναι <a href="...">.

Παραδείγματα χρήσης:

• Σύνδεσμος σε εξωτερικό πόρο:

  <a href="https://www.google.com">Σύνδεσμος προς το Google</a>
  

• Σύνδεσμος σε εσωτερικό πόρο (άλλη σελίδα του ιστότοπου):

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

• Σύνδεσμος σε συγκεκριμένο τμήμα της ίδιας σελίδας:

  1. Δημιουργήστε ένα αναγνωριστικό (id) για το στόχο στοιχείο.

     <h2 id="section2">Τμήμα 2</h2>
     

  2. Δημιουργήστε έναν σύνδεσμο χρησιμοποιώντας το # και το αναγνωριστικό.

     <a href="#section2">Πήγαινε στο Τμήμα 2</a>
     

Στο πλαίσιο των δοκιμών:

• Ελέγξτε την ορθότητα του URL στο χαρακτηριστικό href.
• Ελέγξτε τη διαθεσιμότητα του στόχου πόρου (σελίδα, τμήμα).
• Ελέγξτε την σωστή πλοήγηση στο επιθυμητό τμήμα χρησιμοποιώντας anchors με #.
• Ελέγξτε το χαρακτηριστικό target για να υποδείξετε πού να ανοίξει ο σύνδεσμος (π.χ., _blank για νέο παράθυρο/καρτέλα).
• Ελέγξτε το χαρακτηριστικό rel για να υποδείξετε τις σχέσεις μεταξύ της τρέχουσας σελίδας και του πόρου προορισμού.

Οι anchors αποτελούν θεμελιώδες στοιχείο πλοήγησης στο διαδίκτυο.