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

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

 
מאמרים אחרונים מאמרים אחרונים
12/01/2022 12:57
בניית חנות באינטרנט למדבקות קיר מעוצבות ולתמונות קנבס
05/01/2022 15:55
אתר מכירות פומביות לרכישת מוצרים באמצעות שיטת המכרז האנגלי לפיה זוכה בעל ההצעה הגבוהה ביותר
29/11/2021 16:33
29/11/2021 16:32
29/11/2021 16:32
תגובות אחרונות תגובות אחרונות
מדריך CSS - מתחילים
17/01/2022 19:35
היי, עיצוב עושים עם CSS, ולא ...
מדריך CSS - מתחילים
16/01/2022 20:41
האם יש אפשרות לעצב רקע בתוך דף...
מדריך CSS - מתחילים
18/11/2021 10:18
היי ינון, אתה צריך את הטקסט ש...

תגית img

  1. דף הבית
  2. מדריך HTML5
  3. תגית img

כיצד מכניסים תמונה במסמך HTML5 ולמה חשוב להגדיר לה ערך alt חלופי?

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

מאפיין src

בכדי שתמונה כלשהי תוצג במסמך html, יש להשתמש במאפיין src בתוך תגית img. מאפיין זה מגדיר את המקור של התמונה, כלומר, המקום בו היא שמורה, כאשר הערך value של המאפיין src הוא כתובת ה-url שבה נמצאת התמונה. כך תיראה למשל התגית img להוספת תמונה בשם "book" השמורה בספרייה images באתר mgweb:

<img src="https://www.mgweb.co.il/images/book.gif" />

מאפיין alt

המאפיין alt משמש להגדרת ערך חלופי לתמונה. ערך ה-alt הוא למעשה טקסט חלופי (alternative), אשר מופיע למשל במקרה שהתמונה לא עולה בדפדפן מסיבה כלשהי (עוד על מאפיין alt ניתן לקרוא במאמר אופטימיזציית תמונות באתר).

כך מגדירים בקוד ערך חלופי לתמונה:

<img src="book.gif" alt="pink book" />

במקרה זה, הטקסט "pink book" הוא הערך החלופי לתמונה. בד"כ מקובל לבחור טקסט המתאר את התמונה בצורה תמציתית. כדאי להתחשב בעובדה שמנוע החיפוש גוגל לוקח בחשבון את הערך החלופי בכדי ללמוד ממנו על התוכן של התמונה, ושערך זה מוקרא במקום התמונה עבור גולשים בעלי מוגבלות ראייה המשתמשים בתוכנות הקראה, ולכן יש חשיבות לבחירה נכונה של הטקסט.

מאפיין alt הינו מאפיין חובה בתקן HTML5, בניגוד לתקנים ישנים שאיפשרו שימוש בתגיות img ללא מאפיין alt.

הגדרת גודל התמונה

המאפיינים height ו-width משמשים להגדרה של גובה ורוחב התמונה. הערכים המספריים מתייחסים לפיקסלים:

<img src="book.gif" alt="pink book" width="311" height="253" />

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

 

הוספת תגובה

תודה!

(ל"ת)
12/03/2013 21:32
אני אני

מאפיין src

09/03/2013 0:21
דוד כהן
למרות שתמיד יופיע src, עדין src הוא מאפיין של התגית img (ולא תגית), כיוון שהוא חייב לקבל ערך (אתה משווה אותו לערך כלשהו שזה מיקום התמונה). לתגית אין ערך, אלא רק למאפיינים שלה.

שאלה!

06/03/2013 17:59
אני אני
אבל src תמיד יופיע! אז זה תגית, לא?

רוצה שנקפיץ גם את העסק שלך?

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

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

 

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

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