מאמרים אחרונים מאמרים אחרונים
14/11/2019 20:00
מה עושה קידום אתרים בגוגל (SEO) לקידום אתרים איכותי? איך עושים קידום אתרים נכון? במה מיוחד קידום אתר...
23/01/2019 15:14
אנו במיזם גרופ קיבלנו את תו אמון הציבור להגינות בעסקים.
24/10/2018 19:39
מתכנן הקמת חנות מתנות מקוונת? אספנו עבורך כל מה שחשוב לדעת לפני שאתה יוצא לדרך.
15/09/2018 19:27
יש לך עסק למכירת רהיטים או שאתה מתכנן אחד כזה בקרוב? קרא איך הקמת חנות וירטואלית למכירה של רהיטים בא...
06/09/2018 18:05
מחשבים זו אהבת חייך? האם חשבת למכור מחשבים, טלפונים סלולריים, קונסולות משחק וציוד היקפי באינטרנט? המ...
תגובות אחרונות תגובות אחרונות
תהליך בניית אתרים
17/10/2019 13:13
אחלה מאמר! ערך מעולה!
בניית חנות וירטואלית
29/08/2018 13:50
חברה לבניית אתר וחנות וירטואלי...
שפת שרת מול שפת לקוח
04/07/2018 15:45
היי, השפות PHP ו-PYTHON שתי...

תגית img

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