تگ caption در html

تگ caption برای تعریف عنوان یا توضیح کلی جدول استفاده می‌شود. باید مستقیماً پس از <table> قرار گیرد و به خوانایی و دسترس‌پذیری جدول کمک می‌کند.

نحوه استفاده از تگ <caption>

تگ <caption> باید اولین فرزند تگ <table> باشد. محتوای آن می‌تواند متن یا عناصر inline محدود باشد.

<table>
  <caption>فهرست قیمت خدمات</caption>
  <thead>…</thead>
  <tbody>…</tbody>
</table>

ویژگی‌های قابل استفاده در تگ <caption>

• align: تراز عنوان جدول (bottom, top) – منسوخ شده است، از CSS مثل caption-side استفاده کنید.
• فاقد ویژگی اختصاصی دیگر؛ از Global Attributes و Event Attributes پشتیبانی می‌کند.

caption {
  display: table-caption;
  caption-side: top;
  text-align: center;
  font-weight: bold;
}