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

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

 
מאמרים אחרונים מאמרים אחרונים
22/06/2021 14:16
בניית חנות וירטואלית למכירת כספות
22/06/2021 13:29
בניית אתר מכירות לטפטים תלת מימדיים ולמדבקות קיר בעברית וברוסית
21/06/2021 21:56
הקמת חנות וירטואלית לעיצוב הבית, חנות למכירת שטיחים, תמונות, טפטים ומדבקות קיר
29/04/2021 16:53
חנות למכירת מחשבים וסלולר באינטרנט
22/04/2021 16:45
חובב ספרים, קריאת מגזינים או מילוי תשבצים? מתכנן להקים אתר למכירה של ספרים ומוצרי דפוס שונים? ליקטנו...
תגובות אחרונות תגובות אחרונות
בניית חנות וירטואלית לרהיטים
25/11/2020 16:36
בהחלט יכול להתאים. עם זאת, צרי...
בניית חנות וירטואלית לרהיטים
25/11/2020 11:39
האם זה יכול להתאים לעמותה שמעו...
עיצוב רווחים ושוליים
21/04/2020 12:37
היי, קוד ה-CSS יכול להרשם בכל...

תגית 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
או מלא את הטופס להלן: