HTML & CSS για αρχάριους

HTML & CSS για αρχάριους (Μέρος 12): Ορισμός υπερσυνδέσμων (2)

Όλα τα βίντεο του μαθήματος HTML & CSS για αρχάριους

Μπορείτε να τοποθετήσετε υπερσύνδεσμους σε διευθύνσεις ηλεκτρονικού ταχυδρομείου. Προτού σας δείξω πώς λειτουργεί αυτό, υπάρχουν κάποιες σημειώσεις. Προσωπικά, δεν είμαι φίλος αυτών των συνδέσμων ηλεκτρονικού ταχυδρομείου. Τα κατάλληλα για αυτόν τον σκοπό είναι κυρίως οι φόρμες. Εάν δεν είναι εγκατεστημένος κάποιος πελάτης ηλεκτρονικού ταχυδρομείου ή δεν έχει ρυθμιστεί για τον τρέχοντα χρήστη, οι σύνδεσμοι ηλεκτρονικού ταχυδρομείου δεν λειτουργούν σωστά. Τελικά, θα πρέπει όμως να αποφασίσετε μόνοι σας εάν θέλετε να χρησιμοποιήσετε σύνδεσμους ηλεκτρονικού ταχυδρομείου ή φόρμες. Εκτενείς πληροφορίες σχετικά με τις φόρμες θα ακολουθήσουν φυσικά στο πλαίσιο της επόμενης συλλογής αυτής.

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

HTML & CSS για αρχάριους (Μέρος 12): Ορισμός υπερσυνδέσεων (2)

Ωστόσο, δεν υπάρχει εγγύηση γι' αυτό. Ο χρήστης πρέπει πραγματικά να έχει κάνει τις αντίστοιχες ρυθμίσεις. Επισημαίνω ξανά: Το ιδανικό δεν είναι η λύση των συνδέσμων ηλεκτρονικού ταχυδρομείου. Παρ' όλα αυτά, μπορεί κανείς φυσικά να χρειαστεί έναν τέτοιο σύνδεσμο από καιρό σε καιρό. Εδώ είναι λοιπόν η σύνταξη:

<a href="mailto:kontakt@psd-tutorials.de">kontakt@psd-tutorials.de</a>



Όπως βλέπετε, πρόκειται αρχικά για έναν κλασικό υπερσύνδεσμο.

HTML & CSS για αρχάριους (Μέρος 12): Ορισμός υπερσυνδέσμων (2)

Το κρίσιμο σημείο εδώ όμως είναι αυτό που ανατίθεται ως τιμή στο χαρακτηριστικό href. Το στόχος του συνδέσμου ξεκινάει πάντα με το mailto, ακολουθούμενο από ένα άνω και κάτω τελεία. Έπειτα ακολουθεί η επιθυμητή διεύθυνση ηλεκτρονικού ταχυδρομείου.

Σε ό,τι αφορά τις αναφορές ηλεκτρονικού ταχυδρομείου, πρέπει να προσέξετε τι γράφετε ως κείμενο αναφοράς. Είναι καλύτερο να αναφέρετε και πάλι τη διεύθυνση ηλεκτρονικού ταχυδρομείου. Έτσι, οι χρήστες που δεν βλέπουν κάτι μετά το κλικ στον υπερσύνδεσμο ή δεν ανοίγει κάποιος πελάτης ηλεκτρονικού ταχυδρομείου θα μπορούν να αντιγράψουν τη διεύθυνση και να σας στείλουν μήνυμα ηλεκτρονικού ταχυδρομείου παρ' όλα αυτά.

Όταν καθορίζετε συνδέσμους ηλεκτρονικού ταχυδρομείου, έχετε επίσης τη δυνατότητα να δώσετε και άλλες επιλογές εκτός από τη διεύθυνση του αποδέκτη. Να προσέχετε όμως ότι τα πράγματα που περιγράφονται εδώ δεν είναι πρότυπα HTML, αλλά υποστηρίζονται σε μεγάλο βαθμό από τους περιηγητές.

Αρχικά, μπορείτε να δηλώσετε άμεσα έναν αποδέκτη Κοινοποιήσης (Cc).

<a href="mailto:kontakt@psd-tutorials.de?cc=info@psd-tutorials.de">kontakt@psd-tutorials.de</a>



Γι' αυτό προσθέτετε ένα ερωτηματικό μετά την κύρια διεύθυνση του παραλήπτη. Ακολουθούν το cc και ένα ισότητα, ακολουθούμενα από τη διεύθυνση όπου θα αποσταλεί ένα ορατό αντίγραφο ηλεκτρονικού ταχυδρομείου. Εναλλακτικά, μπορείτε να γράψετε και το bcc. Σε αυτή την περίπτωση, η διεύθυνση που καθορίζετε μεταφέρεται στο πεδίο Bcc και το ηλεκτρονικό ταχυδρομείο αποστέλλεται ως αόρατο αντίγραφο σε αυτήν τη διεύθυνση.

Αν θέλετε να καθορίσετε και έναν προκαθορισμένο θέμα, αυτό είναι επίσης δυνατό.

<a href="mailto:kontakt@psd-tutorials.de?subject=Post%20an%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>



Το επιθυμημένο θέμα πρέπει να καταχωρηθεί μετά το subject. Για να λειτουργήσει αυτό, θα πρέπει να μη χρησιμοποιείτε κενά στο θέμα, αλλά να τα μετατρέπετε ειδικά με τη συμβολοσειρά %20.

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

<a href="mailto:kontakt@psd-tutorials.de?body=Hallo%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>



HTML & CSS για αρχάριους (Μέρος 12): Ορισμός υπερσυνδέσεων (2)



Εδώ ισχύουν τα ίδια πράγματα που περιγράφηκαν ήδη σε σχέση με το subject.

Προσφορά αρχείων για λήψη

Αν θέλετε να προσφέρετε αρχεία για λήψη στην ιστοσελίδα σας, μπορείτε να το κάνετε φυσικά. (Τα νομικά θέματα τα αγνοώ εδώ). Μπορεί να υλοποιηθεί πολύ εύκολα. Καθορίζετε έναν υπερσύνδεσμο και δίνετε το σχετικό αρχείο ως στόχο αναφοράς.

<a href="buch.zip">Οι λήψεις του βιβλίου</a>



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

HTML & CSS για αρχάριους (Μέρος 12): Ορισμός υπερσυνδέσεων (2)



Μέσω αυτού μπορείτε να κατεβάσετε το αρχείο. Τελικά όμως, οι περιηγητές αποφασίζουν πώς θα χειριστούν τα αναγραφόμενα αρχεία.

Τα αρχεία PDF συνήθως εμφανίζονται απευθείας από τους περιηγητές όταν γίνει κλικ στον αντίστοιχο σύνδεσμο. Αυτό είναι συνήθως πλήρως αποδεκτό. Ωστόσο, μπορεί να υπάρχει περίπτωση όπου θέλετε επίσης να προσ

<a href="ebook.pdf" download="dk.pdf">Λήψη</a>



Όταν ο πρόγραμμα περιήγησης υποστηρίζει αυτή τη δυνατότητα, χρησιμοποιεί το όνομα που έχει ανατεθεί στο χαρακτηριστικό download κατά τη λήψη.

HTML & CSS για αρχάριους (Μέρος 12): Ορισμός υπερσυνδέσμων (2)

Καθορισμός λογικών σχέσεων

Ένα χαρακτηριστικό που μπορεί να είναι ενδιαφέρον στο πλαίσιο του ορισμού υπερσυνδέσεων, είναι το rel. Μέσω αυτού του χαρακτηριστικού, μπορούμε να καθορίσουμε σε ποια λογική σχέση βρίσκεται η υπερσύνδεση με το στόχο της αναφοράς. Οι περηφάνα μπορούν να χρησιμοποιήσουν αυτές τις πληροφορίες, για παράδειγμα, για να εμφανίζουν αντίστοιχα εικονίδια κατά την αναστροφή του δείκτη πάνω από τους συνδέσμους με το ποντίκι. Προς το παρόν, όμως, δεν το κάνουν. Άρα το χαρακτηριστικό rel δεν έχει ορατές επιπτώσεις.

<a href="zwei.htm" rel="next">επόμενος</a>



Για το χαρακτηριστικό rel υπάρχουν διαθέσιμες οι ακόλουθες τιμές:

alternate – Σύνδεσμος προς εναλλακτική έκδοση του εγγράφου.

author – Σύνδεσμος προς τον συγγραφέα του εγγράφου.

bookmark – Μόνιμος σύνδεσμος του εγγράφου, που μπορεί να χρησιμοποιηθεί ως σελιδοδείκτης.

help – Σύνδεσμος προς ένα αρχείο βοήθειας.

license – Σύνδεσμος προς τις πληροφορίες πνευματικών δικαιωμάτων.

next – Σύνδεσμος προς το επόμενο έγγραφο.

nofollow – Επιτρέπει να γίνει γνωστό ότι οι μηχανές αναζήτησης δεν πρέπει να ακολουθήσουν τον σύνδεσμο.

noreferrer – Ο περηφάνας δεν στέλνει κεφαλίδα HTTP-Referrer.

prefetch – Το έγγραφο θα πρέπει να φορτωθεί στην μνήμη cache.

prev – Σύνδεσμος προς το προηγούμενο έγγραφο.

search – Σύνδεσμος προς εργαλείο αναζήτησης για το έγγραφο.

tag – Μια λέξη-κλειδί που περιγράφει το έγγραφο.

Με αυτόν τον τρόπο μπορούμε να περιγράψουμε πιο αναλυτικά την σχέση μεταξύ του στόχου του συνδέσμου και των υπερσυνδέσεων.