آموزش تگ caption در HTML - راهنمای کار با عنوان جدول در html

برای ایجاد عنوان در جدول از تگ caption استفاده می شود. برای هر جدول فقط یک کپشن می توان تعریف کرد و این عنوان به طور پیش فرض در وسط و بالای جدول قرار ...

برای ایجاد عنوان در جدول از تگ caption استفاده می شود. برای هر جدول فقط یک کپشن می توان تعریف کرد و این عنوان به طور پیش فرض در وسط و بالای جدول قرار می گیرد. با استفاده از css می توان جایگاه کپشن آن را تغییر داد.

تگ caption باید بلافاصله بعد از تگ table قرار گیرد.

مثال:

<table>
<caption>Monthly savings</caption>
<tr>
    <th>Month</th>
    <th>Savings</th>
</tr>
<tr>
    <td>January</td>
    <td>$100</td>
</tr>
</table>

مثال: تغییر محل قرار گیری کپشن در بالا و پایین جدول

<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>

پشتیبانی مرورگرها

تگ <caption> در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.

مرورگر	کروم	فایرفاکس	اپرا	سافاری	اینترنت اکسپلورر / اج
پشتیبانی	بله	بله	بله	بله	بله

ویژگی ها

ویژگی	مقدار	توضیحات
align	left right top bottom	مکان قرار گیری کپشن را مشخص می کند. در HTML5 پشتیبانی نمی شود.