العنصر <caption>
< HTML
يُمثِّل العنصر <caption>
عنوان الجدول، وعلى الرغم من أنَّه يجب أن يكون أوّل ابن للعنصر <table>
لكن يمكن باستخدام CSS وضعه في أي مكان نسبةً إلى الجدول.
مثال عن استخدام العنصر <caption>
لإضافة عنوان لجدول <table>
:
<table>
<caption>Awesome caption</caption>
<tr>
<td>Awesome data</td>
</tr>
</table>
تصنيفات المحتوى | لا يوجد. |
---|---|
المحتوى المسموح | المحتوى التنظيمي. |
الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
العناصر الأب | العنصر <table> ، ويجب أن يكون هذا العنصر أوّل ابن له.
|
واجهة DOM | HTMLTableCaptionElement
|
دعم المتصفحات
Chrome | Firefox | Edge | Safari | Opera |
---|---|---|---|---|
مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
align
تُستخدم هذه الخاصية لتحديد كيف تكون محاذاة العنوان (caption) بالنسبة إلى الجدول، وتقبل إحدى القيم الآتية:
left
: عرض العنوان على يسار الجدولtop
: عرض العنوان أعلى الجدولright
: عرض العنوان على يمين الجدولbottom
: عرض العنوان أسفل الجدول
يجدر بالذكر أنَّ هذه الخاصية أهملت في HTML 4 وحُذِفَت في HTML5، ولا يجوز استخدامها وإنما يجب تنسيق العنصر <caption>
باستخدام CSS، وذلك باستخدام الخاصيتين caption-side
و text-align
.
ملاحظات الاستخدام
عندما يكون العنصر <table>
الذي يُستعمل فيه هذا العنصر الابن الوحيد للعنصر <figure>
فيجب حينئذٍ استخدام العنصر <figcaption>
بدلًا من <caption>
.
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.
- مواصفة HTML 4.01.