על פי W3C, תכונת הזהות ב- HTML מזהה ייחודי עבור האלמנט. הוא מספק דרך לזהות אזור בדף אינטרנט לסגנונות CSS, קישורי עיגון ויעדים לסקריפטים.
לשם מה משמשת התכונה מזהה?
תכונת ה- ID מבצעת מספר פעולות עבור דפי אינטרנט:
- בורר גיליון סגנונות: זו הפונקציה שרוב האנשים משתמשים בתכונה ID. מכיוון שהם ייחודיים, תוכל לעצב רק את הפריט האחד בדף האינטרנט שלך כאשר אתה מעצב באמצעות מאפיין מזהה. החיסרון בשימוש במזהה למטרות סטיילינג הוא שיש לו רמת ספציפיות גבוהה מאוד, מה שיכול להפוך את זה למאתגר מאוד אם אתה צריך לבטל סגנון מסיבה כלשהי בהמשך גיליון סגנונות. מסיבה זו, שיטות הרשת הנוכחיות נוטות לשימוש בשיעורים ובוחרי כיתות במקום תעודות זהות ובוחרי זיהוי למטרות עיצוב כלליות.
- עוגנים בשם לקישור אל: דפדפני אינטרנט למקד למיקומים מדויקים במסמכי האינטרנט שלך על ידי הצבעה על המזהה בסוף כתובת האתר. הוסף את המזהה בסוף כתובת האתר של הדף, לפניו סימן hash. קישור לעוגנים אלה עם הדף עצמו על ידי הוספת תג hash ושם המזהה ב- href תכונה לאלמנט. לדוגמא, עבור חלוקה עם תעודת זהות איש קשר, קישור אליו בדף זה עם #איש קשר.
- הפניה לתסריטים: אם אתה כותב פונקציות Javascript כלשהן, השתמש במאפיין ID כך שתוכל לבצע שינויים באלמנט המדויק בדף באמצעות הסקריפטים שלך.
- עיבוד אחר: המזהה תומך בעיבוד בתוך מסמכי האינטרנט שלך בכל דרך שאתה זקוק לה. לדוגמה, תוכל לחלץ את ה- HTML למסד נתונים ולהשתמש בתכונה ID כדי לזהות שדות.
כללים לשימוש בתכונה ID
ודא שתכונות הזהות שלך תואמות לשלושת הסטנדרטים הבאים:
- על תעודת הזהות להתחיל באות (a-z או A-Z).
- כל התווים הבאים יכולים להיות אותיות, מספרים (0-9), מקפים (-), קו תחתון (_), נקודתיים (:), ונקודות (.).
- כל מזהה חייב להיות ייחודי בתוך המסמך.
שימוש בתכונה ID
לאחר שתזהה אלמנט ייחודי באתר האינטרנט שלך, השתמש בו גליונות סגנון לעצב רק את האלמנט האחד הזה.
לדוגמא, לזיהוי מזהה שכותרתו איש קשר, השתמש באחת מהצורות הבאות:
div # contact {רקע: # 0cf;}
#contact {רקע: # 0cf;}
המדגם הראשון מכוון לחלוקה עם תכונת זיהוי של איש קשר. השני עדיין ממקד לאלמנט עם מזהה איש קשר, זה פשוט לא היה קובע שזו חלוקה. התוצאה הסופית של הסטיילינג תהיה זהה לחלוטין.
אתה יכול גם לקשר לאלמנט הספציפי בלי להוסיף תגים.
התייחס לפסקה זו בתסריטים שלך עם getElementById שיטת JavaScript:
document.getElementById ("קטע קשר")
מאפייני זיהוי עדיין שימושיים מאוד ב- HTML, למרות זאת בוחרי כיתות החליפו אותם למטרות הסטיילינג הכלליות ביותר. השימוש במאפיין ID כקישור לסגנונות, תוך שימוש בהם כעוגנים לקישורים או יעדים לתסריטים, פירושו שיש להם עדיין מקום חשוב בעיצוב אתרים כיום.