תכונות האלמנטים ב- CSS הם לעתים קרובות מחלוקת בין אנשי מקצוע לחובבים. בין אם יש צורך ליישם את זה או את זה, כמה זה מועיל עם תוצאה זהה, איזה קוד יהיה פחות יקר ונכון יותר, ושאלות כאלה נדונות כל הזמן, כולל השפעה על תכונות המעמד וה- id.
הגדרה
Div class - תכונה של אלמנט המקצה אותו למחלקה.
Div id היא תכונה של אלמנט המזהה אותו באופן ייחודי.
השוואה
ההבדל בין מחלקה לזיהוי ב- CSS אינו נחשב לקרדינאלי, ולעתים קרובות נעשה שימוש כזה או אחר בהתאם להטיה של המחבר. ההבדל העיקרי בין מחלקה לזיהוי הוא שניתן לתת את הראשון למספר אלמנטים, ואילו השני ייחודי והוא מוקצה לרכיב אחד בדף. שימוש ב- div id נמנע מהקינון הרב -שכבתי הנלווה לשימוש במחלקת div.
בנוסף, ניתן להשתמש בתכונה id, בניגוד למחלקה, לקישורי עוגן, בשביל זה מספיק לתת אותו לאלמנט ולקשר אלמנט זה עם לְעַגֵן. כמו כן, מזהה יקבל עדיפות בטבלת CSS אם הוא מצוין במקביל למחלקה. זה, בתורו, מאפשר ליישם מספר כיתות על אלמנט אחד. ניתן לכתוב שמות כיתות מופרדים ברווחים, המזהה אינו מרמז על קריאה כזו. יתרון נוסף של מזהה הוא היכולת לחפש רכיב בקוד לפי תכונה זו באמצעות הפונקציה document.getElementById ().
מסקנות TheDifference.ru
- מחלקת Div - מקצה מחלקה לאלמנט, div id - מזהה.
- הכיתה מוקצית למספר אלמנטים, המזהה ייחודי בדף.
- ניתן להקצות אלמנט אחד למחלקות רבות באמצעות מחלקה, ורק מזהה אחד.
- עדיפות ב- CSS נשארת עם מזהה.
- קל יותר לחפש בקוד באמצעות התכונה id.
