علامة HTML <caption>
مثال
طاولة مع تسمية توضيحية:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
<caption>تحدد العلامة تسمية توضيحية للجدول .
يجب <caption>إدخال العلامة مباشرة بعد علامة
<table> .
نصيحة: بشكل افتراضي ، سيتم محاذاة التسمية التوضيحية للجدول إلى المنتصف أعلى الجدول. ومع ذلك ، يمكن استخدام محاذاة النص وجانب التسمية التوضيحية لخصائص CSS لمحاذاة التسمية التوضيحية ووضعها.
دعم المتصفح
| Element | |||||
|---|---|---|---|---|---|
| <caption> | Yes | Yes | Yes | Yes | Yes |
السمات العالمية
تدعم <caption>العلامة أيضًا السمات العامة في HTML .
سمات الحدث
تدعم <caption>العلامة أيضًا سمات الحدث في HTML .
مزيد من الأمثلة
مثال
تعليقات جدول الموضع (مع CSS):
<table>
<caption style="text-align:right">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption
style="caption-side:bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
الصفحات ذات الصلة
مرجع DOM HTML: كائن التسمية التوضيحية
إعدادات CSS الافتراضية
ستعرض معظم المتصفحات <caption>العنصر بالقيم الافتراضية التالية:
مثال
caption {
display: table-caption;
text-align: center;
}