<figure>: عنصر FIGURE
آخر تحديث: 2026-10-13
<figure>عنصر FIGURE
يمثل محتوى تدفقيًا مستقلًا، غالبًا مع figcaption، يُستخدم للصور والمخططات والكود والأمثلة.
| الفئة | دلالي |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </figure> وسم |
| الحالة | قياسي |
📝 البنية
<figure>محتوى الشكل</figure>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <figure> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： يبقى المحتوى داخل figure ذا معنى عند نقله؛ التسمية تكون بـ figcaption وليس p عاديًا.
❓ الأسئلة الشائعة
Qهل figure يقتصر على الصور؟
Aلا.
<figure> وحدة محتوى «مكتفية ذاتيًا لا يتأثر جوهر المستند بانتزاعها»: صور وأكواد وجداول وفيديوهات ورسوم بيانية وقصائد، كلها صالحة. وغالبًا تقترن بـ <figcaption> للشرح — فهي بطاقة محتوى دلالية.Qما الفرق بين figure ووضع img مباشرة؟
Aوضع
<img> مباشرة مجرد رسم توضيحي؛ أما تغليفه بـ <figure> فيعلن «هذه وحدة محتوى يمكن الاستشهاد بها مستقلة»، ويقرأها قارئ الشاشة كوحدة مع وصفها، ومع <figcaption> تتأسث علاقة الصورة بالنص. وعند الحاجة لوصف أو محتوى مجمّع استخدم figure.Qهل تصلح عدة صور داخل figure؟
Aنعم. يسمح
<figure> لعدة صور بمشاركة <figcaption> واحدة (مثل «الشكل 1a والشكل 1b»)، وهي من مزاياه على <img> المنفردة؛ وتحتفظ كل صورة بسمة alt الخاصة بها.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
