Τι είναι ένας υπερσύνδεσμος;

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

Στην HTML, ο υπερσύνδεσμος δημιουργείται με την ετικέτα <a> (άγκυρα). Το κύριο χαρακτηριστικό είναι το href, που καθορίζει το URL του πόρου.

<a href="https://www.paradeigma.com">Κείμενο συνδέσμου</a>

Χαρακτηριστικά της ετικέτας <a>:

• href: Υποδεικνύει το URL του πόρου στον οποίο οδηγεί ο σύνδεσμος.
• target: Ορίζει πού θα ανοίξει το συσχετισμένο έγγραφο. Οι βασικές τιμές είναι:
  • _self (προεπιλογή): Ανοίγει στο τρέχον παράθυρο/καρτέλα.
  • _blank: Ανοίγει σε νέο παράθυρο/καρτέλα.
  • _parent: Ανοίγει στο γονικό πλαίσιο.
  • _top: Ανοίγει σε ολόκληρο το παράθυρο του προγράμματος περιήγησης, ακυρώνοντας όλα τα πλαίσια.
• rel: Υποδεικνύει τη σχέση της τρέχουσας σελίδας με την προορισμένη σελίδα. Για παράδειγμα, nofollow, noopener, noreferrer.
• download: Προτείνει να αποθηκευτεί ο συσχετισμένος πόρος αντί να μεταβεί σε αυτόν.

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

Παράδειγμα σύνδεσμου σε άγκυρα στην τρέχουσα σελίδα:

<a href="#section2">Μεταβείτε στη δεύτερη ενότητα</a>

<!-- ... περιεχόμενο ... -->

<h2 id="section2">Δεύτερη ενότητα</h2>

Έτσι, οι υπερσύνδεσμοι αποτελούν θεμελιώδη μηχανισμό για την πλοήγηση στο διαδίκτυο και τη σύνδεση πληροφοριών.