Ποιο είναι το χαρακτηριστικό ταυτότητας;

Μοναδικοί προσδιοριστές σε ιστοσελίδες

Σύμφωνα με το W3C, το χαρακτηριστικό ταυτότητας σε HTML είναι:

ένα μοναδικό αναγνωριστικό για το στοιχείο

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

• Ένας επιλογέας φύλλων στυλ - Αυτή είναι η λειτουργία που οι περισσότεροι άνθρωποι χρησιμοποιούν το χαρακτηριστικό ταυτότητας για. Επειδή είναι μοναδικά, μπορείτε να είστε βέβαιοι ότι θα σχεδιάζετε μόνο το ένα στοιχείο της ιστοσελίδας σας όταν στυλ χρησιμοποιείτε μια ιδιότητα ταυτότητας. Το μειονέκτημα για τη χρήση ενός ID για λόγους styling είναι ότι έχει ένα πολύ υψηλό επίπεδο εξειδίκευσης, το οποίο μπορεί να κάνει πολύ δύσκολο αν πρέπει να αντικαταστήσετε ένα στυλ για κάποιο λόγο αργότερα σε ένα φύλλο στυλ. Εξαιτίας αυτού, οι τρέχουσες πρακτικές Ιστού στρέφονται προς τη χρήση κλάσεων και επιλογών κλάσης αντί των αναγνωριστικών και των επιλογών ταυτότητας για σκοπούς γενικού σχεδιασμού.

• Ονομασμένες άγκυρες για σύνδεση - Τα προγράμματα περιήγησης στο Web σάς επιτρέπουν να στοχεύετε συγκεκριμένες θέσεις στα έγγραφά σας στο Web, δείχνοντας το αναγνωριστικό στο τέλος της διεύθυνσης URL. Προσθέστε απλώς το αναγνωριστικό στο τέλος της διεύθυνσης URL της σελίδας, που προηγείται με ένα σημάδι λίβρας (#). Μπορείτε επίσης να συνδέσετε αυτές τις άγκυρες με την ίδια τη σελίδα προσθέτοντας το σύμβολο λιβρών (#) και το όνομα ταυτότητας στο χαρακτηριστικό href για το στοιχείο a. Για παράδειγμα, αν έχετε ένα τμήμα με αναγνωριστικό επαφής, θα μπορούσατε να το συνδέσετε σε αυτήν τη σελίδα με αυτό:
  
  Αυτό είναι το κείμενο του συνδέσμου
• Μια αναφορά για δέσμες ενεργειών - Αν γράφετε λειτουργίες Javascript, θα θέλετε να χρησιμοποιήσετε το χαρακτηριστικό ID, ώστε να μπορείτε να κάνετε αλλαγές στο ακριβές στοιχείο της σελίδας με τα σενάρια σας.
• Άλλη επεξεργασία - Το id σας επιτρέπει να επεξεργαστείτε τα έγγραφα του Ιστού σας με οποιονδήποτε τρόπο θέλετε. Για παράδειγμα, μπορείτε να εξαγάγετε το HTML σε μια βάση δεδομένων και το χαρακτηριστικό ID αναγνωρίζει πεδία.

Κανόνες για τη χρήση της ιδιότητας ταυτότητας

Υπάρχουν μερικοί κανόνες που πρέπει να ακολουθήσετε για να έχετε ένα έγκυρο έγγραφο που χρησιμοποιεί το χαρακτηριστικό id οπουδήποτε στο έγγραφο:

• Το αναγνωριστικό πρέπει να ξεκινά με ένα γράμμα (az ή AZ)
• Όλοι οι χαρακτήρες που ακολουθούν μπορούν να είναι γράμματα, αριθμοί (0-9), παύλες (-), υπογράμμιση (_), στήλες (:) και περίοδοι (.).
• Κάθε αναγνωριστικό πρέπει να είναι μοναδικό στο έγγραφο. Γιατί;

Χρησιμοποιώντας το χαρακτηριστικό ταυτότητας

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

Επικοινωνήστε μαζί μας

Υπάρχει κάποιο περιεχόμενο κειμένου εδώ

div # επαφή-τμήμα {background: # 0cf;}

-ή απλά-

# επαφή-τμήμα {background: # 0cf;}

Οποιοσδήποτε από τους δύο αυτούς επιλογείς θα λειτουργούσε. Το πρώτο (div # contact-section) θα στοχεύει σε ένα τμήμα με ένα χαρακτηριστικό ταυτότητας του "contact-section". Ο δεύτερος (# τομέας επαφής) θα στόχευε ακόμα το στοιχείο με ένα αναγνωριστικό στοιχείο "επαφή-τμήμα", απλά δεν θα ήξερε ότι αυτό που ψάχνει είναι μια διαίρεση. Το τελικό αποτέλεσμα του στυλ θα ήταν ακριβώς το ίδιο.

Μπορείτε επίσης να συνδέσετε το συγκεκριμένο στοιχείο χωρίς να προσθέσετε ετικέτες:

Σύνδεση με τα στοιχεία επικοινωνίας

Αναφορά αυτής της παραγράφου στις δέσμες ενεργειών σας με τη μέθοδο JavaScript "getElementById":

document.getElementById ("τμήμα επαφής")

Τα χαρακτηριστικά ταυτότητας εξακολουθούν να είναι πολύ χρήσιμα στην HTML, παρόλο που οι επιλογείς κλάσης τους έχουν αντικαταστήσει για τους πιο γενικούς σκοπούς styling. Η δυνατότητα χρήσης του χαρακτηριστικού ταυτότητας ως άγκιστρο για στυλ, ενώ ταυτόχρονα τα χρησιμοποιείτε ως άγκυρες για συνδέσμους ή στόχους για σενάρια, σημαίνει ότι εξακολουθούν να έχουν σημαντική θέση στο σχεδιασμό του Web σήμερα.

Επεξεργασμένο από τον Jeremy Girard