Ετικέτα a
Η ετικέτα a δημιουργεί έναν σύνδεσμο προς άλλη σελίδα
του δικού μας ή ενός άλλου ιστότοπου. Η διεύθυνση του συνδέσμου πρέπει
να γράφεται στο χαρακτηριστικό href. Οι σύνδεσμοι από
προεπιλογή είναι υπογραμμισμένοι. Η αφαίρεση της υπογράμμισης
μπορεί να γίνει με την ιδιότητα CSS text-decoration.
Χαρακτηριστικά
| Χαρακτηριστικό | Περιγραφή |
|---|---|
href |
Η διεύθυνση της σελίδας, προς την οποία οδηγεί ο σύνδεσμος.
Υποχρεωτικό χαρακτηριστικό. |
target |
Καθορίζει στον σύνδεσμο σε ποια καρτέλα να ανοίγει: σε νέα, στην τρέχουσα ή σε πλαίσιο.
Προαιρετικό χαρακτηριστικό. |
Τιμές του χαρακτηριστικού target
| Τιμή | Περιγραφή |
|---|---|
_blank |
Η σελίδα θα ανοίξει σε νέα καρτέλα του προγράμματος περιήγησης. |
_self |
Η σελίδα θα ανοίξει στην τρέχουσα καρτέλα του προγράμματος περιήγησης. |
_parent |
Η σελίδα θα ανοίξει στο γονικό πλαίσιο. |
_top |
Ακυρώνει όλα τα πλαίσια και φορτώνει τη σελίδα στο πλήρες παράθυρο του προγράμματος περιήγησης. |
Προεπιλεγμένη τιμή: _self.
Παράδειγμα
Ας φτιάξουμε έναν σύνδεσμο, ο οποίος θα οδηγεί
στην αρχική σελίδα του ιστότοπου google.com.
Παράλληλα, θα ανοίγει σε νέα καρτέλα του προγράμματος περιήγησης,
καθώς θα του ορίσουμε το χαρακτηριστικό target
με τιμή _blank:
<a href="http://google.com" target="_blank">google.com</a>
:
Δείτε επίσης
-
η ψευδοκλάση
link,
που ορίζει το στυλ σε μη επισκεμμένο σύνδεσμο -
η ψευδοκλάση
visited,
που ορίζει το στυλ σε επισκεμμένο σύνδεσμο -
η ψευδοκλάση
hover,
που ορίζει το στυλ του συνδέσμου κατά την επικάλυψη -
η ψευδοκλάση
active,
που ορίζει το στυλ του συνδέσμου κατά την ενεργοποίηση -
η ψευδοκλάση
focus,
που ορίζει το στυλ του συνδέσμου όταν βρίσκεται στο επίκεντρο