عنوان جدول (caption)
تگ «عنوان جدول (Caption)» توضیح کوتاه جدول را نشان می دهد. معمولاً بالای جدول می آید. باید بلافاصله بعد از تگ <table> قرار بگیرد.
تعریف و جایگاه تگ عنوان جدول
تگ <caption> تیتر جدول است. این تیتر، معنی جدول را واضح می کند. جای درستش درست بعد از <table> است.
نمونه ساده یک جدول با عنوان
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
چیدمان عنوان با CSS
به صورت پیش فرض، تیتر بالای جدول و وسط چین است. با text-align و caption-side می توان مکان و ترازبندی را عوض کرد.
<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>
تنظیمات پیش فرض CSS عنصر عنوان
caption {
display: table-caption;
text-align: center;
}
گام های عملی ساخت عنوان جدول
- تگ
<table>را ایجاد کن. - بلافاصله
<caption>را اضافه کن. - اگر لازم بود، با CSS جای آن را تغییر بده.
نکته: برای ادامه یادگیری، صفحه عنوان جدول و جدول را ببین. همچنین راهنمای text-align و caption-side مفید است.
جمع بندی سریع
- عنوان جدول، تیتر جدول است.
- باید بعد از
tableبیاید. - پیش فرض، بالا و وسط چین است.
- با CSS جای آن عوض می شود.