<caption>: عنصر CAPTION
آخر تحديث: 2026-10-13
<caption>عنصر CAPTION
عنوان الجدول، يجب أن يكون أول طفل للجدول ويظهر أعلاه افتراضيًا.
| الفئة | الجداول |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </caption> وسم |
| الحالة | قياسي |
📝 البنية
<table>
<caption>عنوان الجدول</caption>
...
</table>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <caption> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： caption يظهر في المنتصف أعلى الجدول افتراضيًا؛ استخدم caption-side في CSS لنقله للأسفل.
❓ الأسئلة الشائعة
Qهل يجب أن يكون caption الابن الأول لـ table؟
Aنعم، تشترط المواصفة أن يكون
<caption> الابن الأول لـ <table>. يعتمد عليه قارئ الشاشة اسمًا للجدول يقرؤه، وسمة caption-side في CSS تغيّر موضع العرض (أعلى/أسفل) ولا تغير موضع المصدر المطلوب.Qما الفرق بين caption وعنوان خارج الجدول؟
A
<caption> مرتبط دلاليًا بالجدول: يعتبره قارئ الشاشة اسم الجدول المتاح، والارتباط أصلي. أما العنوان العادي خارج الجدول فلا يملك هذا الارتباط، ويغدو في الصفحات الطويلة غامض الانتماء («عنوان أي جدول هذا؟»). إقران caption بالجدول أفضل ممارسات الوصولية.Qهل يجوز وضع وصف طويل داخل caption؟
Acaption يناسب اسم الجدول القصير (مثل «بيانات مبيعات الربع الأول 2026»)؛ أما الأوصاف الطويلة (مصدر البيانات ومعاييرها) فتوضع أسفل الجدول في
<p> أو تربط بـ aria-describedby، تجنبًا لإطالة caption والإضرار بكفاءة القراءة.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
