Μέχρι να κυκλοφορήσει το HTML5, η ετικέτα έχει απαιτήσει ένα χαρακτηριστικό: href. Αλλά, το HTML5 κάνει ακόμα και αυτό το χαρακτηριστικό προαιρετικό. Όταν γράφετε μια ετικέτα χωρίς χαρακτηριστικά, ονομάζεται σύνδεσμος θέσης κράτησης θέσης.
Ένας σύνδεσμος κράτησης θέσης φαίνεται ως εξής:
Χρησιμοποιώντας συνδέσμους θέσης κατά την ανάπτυξη
Σχεδόν κάθε σχεδιαστής ιστοσελίδων έχει δημιουργήσει συνδέσμους με σύμβολα κράτησης θέσης κατά τη διάρκεια ενός σχεδιασμού και δημιουργίας ενός ιστότοπου. Πριν από την HTML5, ένας προγραμματιστής θα έγραψε τα εξής ως σύμβολο κράτησης θέσης:
κειμένου συνδέσμου
Το πρόβλημα με τη χρήση μιας ετικέτας hash (#) ως συνδέσμου με σύμβολο κράτησης θέσης είναι ότι ο σύνδεσμος είναι clickable και αυτό μπορεί να προκαλέσει σύγχυση στους πελάτες σας. Και, αν ένας προγραμματιστής ξεχάσει να ενημερώσει με τις σωστές διευθύνσεις URL, αυτοί οι σύνδεσμοι θα εμφανίζουν απλά την ίδια σελίδα στον οποίο ανήκει ο χρήστης αν έχει κάνει κλικ.
Αντ 'αυτού, θα πρέπει να αρχίσετε να χρησιμοποιείτε ετικέτες χωρίς χαρακτηριστικά. Μπορείτε να τα στυλ αυτά να μοιάζουν με οποιονδήποτε άλλο σύνδεσμο στη σελίδα σας, αλλά δεν θα μπορούν να κάνουν κλικ, επειδή είναι απλώς τοποθετητές.
Χρήση συνδέσμων τοποθεσίας σε ζωντανές τοποθεσίες
Οι δεσμευτικοί σύνδεσμοι έχουν μια θέση στον σχεδιασμό ιστοσελίδων για κάτι περισσότερο από την ανάπτυξη. Ένα σημείο που μπορεί να λάμψει ένας σύνδεσμος θέσης σύλληψης είναι σε στοιχεία πλοήγησης. Σε πολλές περιπτώσεις, οι λίστες πλοήγησης ιστοτόπων έχουν κάποιο τρόπο να υποδείξουν τη σελίδα στην οποία βρίσκεστε. Αυτά ονομάζονται συχνά δείκτες "είστε εδώ".
Οι περισσότεροι ιστότοποι βασίζονται σε ιδιότητες ταυτότητας στο στοιχείο που χρειάζεται τον δείκτη "είστε εδώ", αλλά κάποιοι χρησιμοποιούν το χαρακτηριστικό κλάσης επίσης. Ωστόσο, ανεξάρτητα από το χαρακτηριστικό που χρησιμοποιείτε, πρέπει να κάνετε πολλή επιπλέον εργασία σε κάθε σελίδα που έχει την πλοήγηση σε αυτήν, προσθέτοντας και αφαιρώντας το χαρακτηριστικό από τα σωστά στοιχεία.
Με ένα σύνδεσμο με σύμβολο κράτησης θέσης, μπορείτε να γράψετε την πλοήγησή σας όσο θέλετε και στη συνέχεια απλώς να καταργήσετε το χαρακτηριστικό href από τον κατάλληλο σύνδεσμο όταν προσθέσετε την πλοήγηση σε μια σελίδα. Για την ανάπτυξη, μια γρήγορη συμβουλή που βοηθάει να αποθηκεύσετε ολόκληρη τη λίστα πλοήγησης ως απόσπασμα κώδικα στον επεξεργαστή σας, γι 'αυτό είναι απλά μια γρήγορη αντιγραφή-επικόλληση. Στη συνέχεια, μπορείτε απλά να διαγράψετε το href. Μπορείτε επίσης να πάρετε το δικό σας σύστημα διαχείρισης περιεχομένου (CMS) για να κάνετε το ίδιο πράγμα.
Σχεδιασμός συνδέσμων τοποθεσίας
Οι σύνδεσμοι τοποθεσίας είναι απλά στυλ και στυλ διαφορετικό από τους άλλους συνδέσμους στην ιστοσελίδα σας. Απλά φροντίστε να στυλίσατε τόσο την ετικέτα a όσο και την ετικέτα σύνδεσης a:. Για παράδειγμα:
α {χρώμα: κόκκινο; γραμματοσειρά-βάρος: έντονα. κείμενο-διακόσμηση: κανένα? } α: σύνδεσμος {χρώμα: μπλε; γραμματοσειρά-βάρος: κανονική; κείμενο-διακόσμηση: υπογράμμιση; }}
Αυτό το CSS θα κάνει τους δεσμευτικούς δεσμούς τολμηρούς και κόκκινους, χωρίς υπογράμμιση. Οι κανονικοί σύνδεσμοι θα είναι κανονικού βάρους, μπλε και υπογραμμισμένοι.
Θυμηθείτε να επαναφέρετε τυχόν στυλ που δεν θέλετε να μεταφερθούν από την ετικέτα. Για παράδειγμα, το βάρος γραμματοσειράς έχει οριστεί σε έντονα γράμματα για τους συνδέσμους που έχουν τοποθετηθεί, επομένως θα πρέπει να το ορίσετε σε:
γραμματοσειρά-βάρος: κανονική;
για τυποποιημένους συνδέσμους. Το ίδιο ισχύει και για τη διακόσμηση κειμένου. Αφαιρώντας τον με τον επιλογέα a, θα είχε αφαιρεθεί για τον επιλογέα a: εάν δεν το έβαλα πίσω.
