Σύμφωνα με την W3C, το χαρακτηριστικό ID στο HTML είναι ένα μοναδικό αναγνωριστικό για το στοιχείο. Παρέχει έναν τρόπο προσδιορισμού μιας περιοχής μιας ιστοσελίδας για στυλ CSS, συνδέσμους αγκύρωσης και στόχους για σενάρια.
Σε τι χρησιμοποιείται το χαρακτηριστικό ID;
Το χαρακτηριστικό ID εκτελεί διάφορες ενέργειες για ιστοσελίδες:
- Επιλογέας φύλλων στυλ: Αυτή είναι η συνάρτηση που χρησιμοποιούν τα περισσότερα άτομα για το χαρακτηριστικό ID. Επειδή είναι μοναδικά, θα διαμορφώσετε ένα μόνο στοιχείο στην ιστοσελίδα σας όταν κάνετε στυλ χρησιμοποιώντας μια ιδιότητα ID. Το μειονέκτημα της χρήσης ενός αναγνωριστικού για σκοπούς στυλ είναι ότι έχει πολύ υψηλό επίπεδο ειδικότητας, το οποίο μπορεί να το κάνει πολύ δύσκολο αν χρειαστεί να παρακάμψετε ένα στυλ για κάποιο λόγο αργότερα σε ένα φύλλο στυλ. Εξαιτίας αυτού, οι τρέχουσες πρακτικές ιστού κλίνουν προς τη χρήση τάξεων και επιλογών τάξης αντί των αναγνωριστικών και των επιλογών ταυτότητας για γενικούς σκοπούς στυλ.
- Ονομάστηκαν άγκυρες για σύνδεση με: Πρόγραμμα περιήγησης στο Διαδίκτυο στοχεύστε ακριβείς τοποθεσίες στα έγγραφα ιστού σας, δείχνοντας το αναγνωριστικό στο τέλος της διεύθυνσης URL. Προσθέστε το αναγνωριστικό στο τέλος της διεύθυνσης URL της σελίδας, του οποίου προηγείται ένα σημάδι κατακερματισμού. Συνδεθείτε σε αυτές τις άγκυρες με την ίδια τη σελίδα προσθέτοντας την ετικέτα κατακερματισμού και το όνομα ταυτότητας στο href χαρακτηριστικό για το στοιχείο. Για παράδειγμα, για διαίρεση με αναγνωριστικό Επικοινωνία, συνδέστε το σε αυτήν τη σελίδα με #Επικοινωνία.
- Μια αναφορά για σενάρια: Εάν γράφετε συναρτήσεις Javascript, χρησιμοποιήστε το χαρακτηριστικό ID, ώστε να μπορείτε να κάνετε αλλαγές στο ακριβές στοιχείο της σελίδας με τα σενάρια σας.
- Άλλη επεξεργασία: Το αναγνωριστικό υποστηρίζει την επεξεργασία των εγγράφων ιστού με οποιονδήποτε τρόπο χρειάζεστε. Για παράδειγμα, μπορείτε να εξαγάγετε το HTML σε μια βάση δεδομένων και να χρησιμοποιήσετε το χαρακτηριστικό ID για τον προσδιορισμό πεδίων.
Κανόνες για τη χρήση του χαρακτηριστικού ID
Βεβαιωθείτε ότι τα χαρακτηριστικά αναγνώρισής σας συμμορφώνονται με αυτά τα τρία πρότυπα:
- Το αναγνωριστικό πρέπει να ξεκινά με ένα γράμμα (a-z ή A-Z).
- Όλοι οι επόμενοι χαρακτήρες μπορεί να είναι γράμματα, αριθμοί (0-9), ενωτικά (-), κάτω παύλες (_), άνω και κάτω τελεία (:) και τελείες (.).
- Κάθε αναγνωριστικό πρέπει να είναι μοναδικό στο έγγραφο.
Χρήση του χαρακτηριστικού ID
Αφού εντοπίσετε ένα μοναδικό στοιχείο του ιστότοπού σας, χρησιμοποιήστε το φύλλα στυλ στο στυλ ενός μόνο στοιχείου.
Για παράδειγμα, για να προσδιορίσετε ένα αναγνωριστικό με τίτλο Επικοινωνία, χρησιμοποιήστε μία από τις παρακάτω μορφές:
div # contact {φόντο: # 0cf;}
#contact {φόντο: # 0cf;}
Το πρώτο δείγμα στοχεύει μια διαίρεση με ένα χαρακτηριστικό ID Επικοινωνία. Το δεύτερο στοχεύει ακόμα το στοιχείο με αναγνωριστικό Επικοινωνία, απλώς δεν θα όριζε ότι είναι διαίρεση. Το τελικό αποτέλεσμα του στυλ θα ήταν ακριβώς το ίδιο.
Μπορείτε επίσης να συνδεθείτε σε αυτό το συγκεκριμένο στοιχείο χωρίς να προσθέσετε ετικέτες.
Αναφορά αυτής της παραγράφου στα σενάρια σας με το getElementById Μέθοδος JavaScript:
document.getElementById ("τμήμα επαφής")
Παρόλο που τα χαρακτηριστικά ταυτότητας εξακολουθούν να είναι πολύ χρήσιμα σε HTML επιλογείς τάξης τα έχουν αντικαταστήσει για τους πιο γενικούς σκοπούς στυλ. Η χρήση του χαρακτηριστικού ID ως άγκιστρου για στυλ, ενώ ταυτόχρονα χρησιμοποιείται ως άγκυρα για συνδέσμους ή στόχους για σενάρια, σημαίνει ότι εξακολουθούν να έχουν σημαντική θέση στο σχεδιασμό ιστοσελίδων σήμερα.