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