<figcaption>: عنصر FIGCAPTION

آخر تحديث: 2026-10-13

<figcaption>عنصر FIGCAPTION

يقدم تسمية توضيحية لـ figure؛ يجب أن يكون أول أو آخر طفل لعنصر figure.

الفئةدلالي
نموذج المحتوىفقط كأول/آخر طفل لـ figure
العناصر الأم المسموحةأي عنصر يقبل المحتوى التدفقي
وسم الإغلاقنعم — يتطلب إغلاق </figcaption> وسم
الحالةقياسي

📝 البنية

<figcaption>تسمية</figcaption>

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<figcaption> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
مدعوم في جميع المتصفحات الرئيسية
نصيحة: figcaption يظهر داخل figure فقط؛ احذفه للصور الزخرفية البحتة.

❓ الأسئلة الشائعة

Qهل يجب أن يقع figcaption في بداية figure أو نهايته؟
Aنعم، تشترط المواصفات أن يكون <figcaption> أول أو آخر عنصر ابن لـ <figure>. فهو «نص شرح الشكل» يتكامل مع الصورة أو الكود أو الجدول وحدة واحدة موصوفة.
Qهل figure بلا figcaption صحيح؟
Aصحيح. <figcaption> اختيارية، و<figure> بذاتها تعني «وحدة محتوى قابلة للاستشهاد» فيمكنها الاستغناء عن الشرح. لكن حين يحتاج المحتوى شرحًا يُستحسن إضافته — فهو مفيد لمحركات البحث والوصولية معًا.
Qما الفرق بين figcaption وسمة alt في img؟
Aalt نص بديل يظهر حين تعجز الصورة عن العرض وهو المعلومة الجوهرية لقارئ الشاشة ويجب أن يكون موجزًا؛ بينما <figcaption> شرح مرئي يمكن أن يكون أطول وأفصح. الاثنان متكاملان: alt يجيب «ما هذه الصورة» وfigcaption يجيب «لماذا وُضعت».
المزيد من الحالات قادمة قريبًا — ترقبوا.

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%