מזהים ייחודיים בתוך דפי אינטרנט
על פי ה- W3C, המאפיין ID ב- HTML הוא:
מזהה ייחודי של האלמנט
זהו תיאור מאוד פשוט של תכונה חזקה מאוד. תכונה ID יכולה לבצע מספר פעולות עבור דפי אינטרנט:
- בורר גיליון סגנונות - זוהי הפונקציה שבה רוב האנשים משתמשים במאפיין ID. כי הם ייחודיים, אתה יכול להיות בטוח שאתה תהיה סגנון רק פריט אחד בדף האינטרנט שלך בעת הסגנון באמצעות נכס מזהה. החיסרון באמצעות מזהה למטרות עיצוב היא כי יש רמה גבוהה מאוד של סגוליות, אשר יכול לעשות את זה מאוד מאתגר אם אתה צריך לעקוף סגנון מסיבה כלשהי מאוחר יותר בגיליון סגנונות. בגלל זה, נוהלי האינטרנט הנוכחי להישען על שימוש במחלקות ובוחרים בכיתה במקום IDs ו בוררים מזהה למטרות עיצוב כללי.
- עוגנים בשם לקישור ל - דפדפני אינטרנט מאפשרים לך למקד למיקומים מדויקים במסמכי האינטרנט שלך על ידי הצבעה על המזהה בסוף כתובת האתר. אתה פשוט מוסיפים את המזהה לסוף כתובת האתר של הדף, ומקודם על ידי סימן פאונד (#). ניתן גם לקשר עוגנים אלה עם הדף עצמו על ידי הוספת סימן פאונד (#) ואת שם מזהה בתכונה href עבור אלמנט. לדוגמה, אם יש לך חלוקה עם מזהה איש קשר, תוכל לקשר אליה בדף זה עם זה:
זהו טקסט הקישור - הפניה לסקריפטים - אם אתה כותב כל פונקציות Javascript, תרצה להשתמש במאפיין ID כדי שתוכל לבצע שינויים באלמנט המדויק בדף עם הסקריפטים שלך.
- עיבוד אחר - מזהה מאפשר לך לעבד מסמכי האינטרנט שלך בכל דרך שאתה צריך. לדוגמה, ניתן לחלץ את ה- HTML למסד נתונים, ומאפיין ה- ID מזהה שדות.
כללים לשימוש בתכונה 'מזהה'
ישנם מספר כללים שעליך לבצע כדי לקבל מסמך חוקי המשתמש במאפיין id בכל מקום במסמך:
- מזהה חייב להתחיל עם אות (AZ או AZ)
- כל התווים הבאים יכולים להיות אותיות, מספרים (0-9), מקפים (-), קווים תחתונים (_), colons (:), ותקופות (.).
- כל מזהה חייב להיות ייחודי במסמך. למה?
שימוש במאפיין הזהות
לאחר זיהית אלמנט ייחודי של אתר האינטרנט שלך, אתה יכול להשתמש גיליונות סגנון לסגנון רק אלמנט אחד.
תיצור איתנו קשר
יש כאן תוכן טקסט
div # section-section {background: # 0cf;}
-או רק-
# Contact-section {background: # 0cf;}
אחד משני סלקטורים אלה יעבוד. הראשון (div # קשר סעיף) יכוון חלוקה עם תכונה מזהה של "סעיף מגע". השני (# קשר סעיף) עדיין יכוון אלמנט עם מזהה של "סעיף המגע", זה פשוט לא היה יודע כי מה היא מחפשת היא חלוקה. התוצאה הסופית של הסטיילינג תהיה בדיוק אותו הדבר.
ניתן גם לקשר לאותו רכיב ספציפי מבלי להוסיף תגים:
קישור אל פרטי הקשר
הפניה כי סעיף סקריפטים שלך עם "getElementById" שיטת JavaScript:
document.getElementById ("מקטע קשר")
תכונות ID עדיין שימושיות מאוד ב- HTML, למרות בוררי בכיתה החליפו אותם עבור רוב סגנון כללי. היכולת להשתמש בתכונה מזהה כקובץ עבור סגנונות, תוך שימוש בהם גם כעוגנים עבור קישורים או מטרות עבור סקריפטים, אומר שהם עדיין יש מקום חשוב בעיצוב אינטרנט היום.
בעריכת ג'רמי ג'יררד