الفرق بين المراجعتين لصفحة: «HTML/caption»
< HTML
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
ط استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1' |
||
سطر 62: | سطر 62: | ||
[[تصنيف:HTML|{{SUBPAGENAME}}]] | [[تصنيف:HTML|{{SUBPAGENAME}}]] | ||
[[تصنيف:HTML Elements|{{SUBPAGENAME}}]] | [[تصنيف:HTML Elements|{{SUBPAGENAME}}]] | ||
[[تصنيف:Table|{{SUBPAGENAME}}]] | [[تصنيف:HTML Table|{{SUBPAGENAME}}]] |
مراجعة 15:36، 28 يناير 2018
يُمثِّل العنصر <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.