צור קשר
מאמרים אחרונים
הגדרת id ב- HTML5
הסלקטור id משמש אותנו בכדי לתת מאפייני עיצוב ייחודיים לאלמנט כלשהו שאנו רוצים שייראה שונה משאר האלמנטים מאותו סוג, נניח פסקה אחת שתופיע בפונט גדול יותר, או כותרת h1 שתהיה בצבע שונה משאר הכותרות באתר. סלקטור id מסוים משמש אך ורק למקרה אחד ויחיד - כלומר מזהה כלשהו יינתן רק לאלמנט אחד בעמוד ולא יותר. אם נרצה לאפיין יותר מאלמנט אחד עם אותן הגדרות ייחודיות, נשתמש בסלקטור class, ועל כך בפרק הבא.
על מנת לאפיין אלמנט ייחודי, עלינו להוסיף לו בתוך ה-html מאפיין (Attribute) שנקרא מזהה (id). למשל אם אנו רוצים להגדיר שכותרת h1 מסוימת באתר תופיע בצבע ירוק, בעוד שכל שאר הכותרות מופיעות בשחור, נוסיף לו את המאפיין הבא בקוד:
שם המזהה יכול להיות למעשה כל דבר, אך כדאי להימנע משימוש בספרות בתחילת שם המזהה, כיוון שצירופים כאלה לא עובדים בדפדפן Firefox.
עיצוב id ב- CSS
השלב הבא הוא להגדיר בקובץ ה-CSS את מאפייני העיצוב של המזהה שהגדרנו. לשם כך נשתמש בסלקטור id והוא יופיע ב-CSS כשלפניו סולמית #. הכותרת הירוקה שלנו תוגדר ב-CSS באופן הבא:
color:green;
}
