תגית
<img> משמשת להוספת תמונות למסמך HTML. התמונה מוצגת בדף באמצעות כתובת שניתנת בתכונת src. התמונה תיטען מהכתובת המצוינת, ותגית זו אינה דורשת תגית סיום.
הנה כמה פרופרטים עיקריים שמזינים את התגית
<img>:
-
src: מכיל את כתובת התמונה (URL) שברצונך להוסיף. זו התכונה החשובה ביותר בתגית
<img> כי היא קובעת מהי התמונה שתוצג.
-
alt: מספקת תיאור חלופי לתמונה. זהו טקסט שמתאר את התמונה במקרה שהדפדפן לא מצליח להציג אותה. תיאור זה חשוב עבור נגישות ואופטימיזציה למנועי חיפוש (SEO).
-
width ו-
height: קובעים את רוחב וגובה התמונה ב-pixels. אם לא מציינים ערכים אלו, התמונה תוצג בגודלה המקורי.
-
title: מספקת טקסט נוסף שיתקבל כהסבר כאשר העכבר נמצא מעל התמונה.
להלן דוגמה לשימוש בתגית
<img> להוספת תמונה עם כתובת ותיאור חלופי:
<html>
<head>
<title>דוגמה</title>
</head>
<body>
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="תיאור התמונה">
</body>
</html>
במקרה זה, התמונה של הלוגו של Google תוצג בדף. אם התמונה לא נטענה מסיבה כלשהי, תיאור התמונה ("תיאור התמונה") יוצג במקום.
שימוש נכון בתגית
<img> חשוב לעיצוב האתר ולספק תמונות בצורה אופטימלית. תמיד מומלץ לספק תיאור חלופי עבור התמונה כדי לשפר את הנגישות והבנת התוכן על ידי מנועי חיפוש.
