יצירת קשר עם חברת בניית אתרים צור קשר

 077-7644819
חייגו או השאירו הודעתכם

 
מאמרים אחרונים מאמרים אחרונים
09/08/2023 17:16
בניית חנות באינטרנט למכירה של מוצרים לחיות מחמד
12/03/2023 22:03
במאמר זה נסקור את התפתחות שפת צד השרת PHP מראשית ימיה, לכל אורך גירסאותיה השונות עד לאן שהיא הגיעה ב...
08/01/2023 23:40
הקמת אתר מכירות לדלתות פנים וחוץ לבתים פרטיים ולעסקים וציוד פירזול
תגובות אחרונות תגובות אחרונות
עיצוב רקע - background
12/06/2023 19:52
היי תמר, עושים את זה באמצעות ...
עיצוב רקע - background
28/05/2023 21:36
אני רוצה ליצור כפתור שהרקע שלו...
עיצוב רקע - background
15/12/2022 20:22
איך עושים שיראו את כל התמונת ר...
תגובות אחרונות פוסטים אחרונים בפורום
08/11/2022 19:11
היי, יש לי אתר קצת מורכב. הוא...
08/11/2022 19:09
היי, אני עוסק בענף הטניס ויש ...
08/11/2022 19:03
היי, ראיתי בכל מיני אתרים שמש...

סלקטור id לזיהוי אלמנטים

  1. דף הבית
  2. מדריך HTML5 למתכנת המתחיל
  3. סלקטור id לזיהוי אלמנטים
שימוש במזהה id כדי לעצב אלמנט ייחודי באתר.

הגדרת id ב- HTML5

הסלקטור id משמש אותנו בכדי לתת מאפייני עיצוב ייחודיים לאלמנט כלשהו שאנו רוצים שייראה שונה משאר האלמנטים מאותו סוג, נניח פסקה אחת שתופיע בפונט גדול יותר, או כותרת h1 שתהיה בצבע שונה משאר הכותרות באתר. סלקטור id מסוים משמש אך ורק למקרה אחד ויחיד - כלומר מזהה כלשהו יינתן רק לאלמנט אחד בעמוד ולא יותר. אם נרצה לאפיין יותר מאלמנט אחד עם אותן הגדרות ייחודיות, נשתמש בסלקטור class, ועל כך בפרק הבא.

על מנת לאפיין אלמנט ייחודי, עלינו להוסיף לו בתוך ה-html מאפיין (Attribute) שנקרא מזהה (id). למשל אם אנו רוצים להגדיר שכותרת h1 מסוימת באתר תופיע בצבע ירוק, בעוד שכל שאר הכותרות מופיעות בשחור, נוסיף לו את המאפיין הבא בקוד:

<h1 id="specialh1">This is a special h1 title</h1>

שם המזהה יכול להיות למעשה כל דבר, אך כדאי להימנע משימוש בספרות בתחילת שם המזהה, כיוון שצירופים כאלה לא עובדים בדפדפן Firefox.

עיצוב id ב- CSS

השלב הבא הוא להגדיר בקובץ ה-CSS את מאפייני העיצוב של המזהה שהגדרנו. לשם כך נשתמש בסלקטור id והוא יופיע ב-CSS כשלפניו סולמית #. הכותרת הירוקה שלנו תוגדר ב-CSS באופן הבא:

#specialh1 {
    color:green;
}

 

הוספת תגובה
YouTube previewPlay

שנקפיץ יחד את העסק שלך לגבהים חדשים?

בניית חנות אינטרנטית של מיזם גרופ תעזור לך ביצירת סיסטם עוצמתי שמגדיל מכירות.

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

 

אל תהססו! מלאו את הטופס או התקשרו עכשיו 077-7644819

 
WhatsApp
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: