מה ההבדל בין מחלקת בורר CSS לבין מזהה? id ושימוש בכיתה ב-HTML

מה ההבדל בין מחלקת בורר CSS לבין מזהה? id ושימוש בכיתה ב-HTML

צ'ן וייליאנג עבד לאחרונה על קידום אתרים (SEO) , תוך אופטימיזציה של תבנית וורדפרס של האתר.

אמנם למדתי קצת ידע בסיסי ב-HTML ו-CSS בעבר, אבל לא הפעלתי את זה זמן מה, במיוחד את השימוש בחלקי CSS, קל לשכוח.

אז, רשום וסכם את ההבדל והשימוש במזהה בורר CSS ובכיתה כאן:

• מזהה תואם ל-#div
• מחלקה תואמת ל-.div

ההבדל בין מזהה למחלקה

תיאור מזהה

• id הוא תג קבוע, המשמש להגדרת הסגנון הגדול יותר בדף האינטרנט, המוגדר בצורה של #div
• לדוגמה: חלוקת עמודות, למעלה, גוף, תחתון וכו'...
• משמש להגדרת אלמנט מסוים, שיכול להופיע רק פעם אחת בכל עמוד ולא ניתן לקרוא אותו שוב ושוב.

תיאור הכיתה

• Class היא קבוצת סגנונות, המשמשת להגדרת הסגנונות המפורטים בדף האינטרנט, היא מוגדרת בצורה של .div וניתן לחזור עליה.
• לדוגמא: תפריט מסוים, שורת טקסט וכו'...
• באותו עמוד, ניתן לקרוא לו שוב ושוב על ידי מספר אלמנטים

לבורר ה-div עצמו אין מאפיינים. על ידי הגדרת ה-CSS שלו, הוא שולט בכמה פריסות כגון הרוחב, הגובה, צבע הרקע וגודל הטקסט של ה-div.

אתרי מסחר אלקטרוני ודפי אינטרנט HTML טיפוסיים שנוצרים על ידי תוכנות בניית אתרים משתמשים ב-CSS כדי להשיג פריסת עמוד.

מה זה בורר?

ההגדרה של כל סגנון CSS מורכבת מ-2 חלקים:

选择器 {样式}

• החלק שלפני ה-{} הוא ה"בורר".
• ה"בורר" מציין את ה"סגנון" של {} אליו הוא פועל.
• כלומר, באיזה אלמנט בדף האינטרנט פועל ה"סגנון" הזה?

דוגמה לקוד

הנה איך לבחור ולעצב אלמנט class="sidebar":

.sidebar
{ 
background-color:black;
}

הנה איך לבחור ולעצב אלמנט עם id="footer":

#footer
{ 
background-color:black;
}