برچسب <caption> HTML

تعریف و استفاده

<caption> برچسب تعریف عنوان جدول است.

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

توضیح:به طور پیش‌فرض، عنوان جدول در بالا و وسط جدول قرار می‌گیرد. اما،属性 CSS text-align و caption-side برای قرارگیری و هم‌ترازی عنوان استفاده می‌شود.

لطفاً به: مراجعه کنید:

دستورالعمل HTML DOM:آبجکت عنوان

مثال

مثال 1

جداول با عنوان:

<table>
  <caption>ذخیره ماهانه</caption>
  <tr>
    <th>月份</th>
    <th>存款</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3000</td>
  </tr>
</table>

آزمایش کنید

مثال 2

عنوان جدول موقعیت (استفاده از CSS):

<table>
  <caption style="text-align:right">منابع ذخیره</caption>
  <tr>
    <th>月份</th>
    <th>存款</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">我的存款</caption>
  <tr>
    <th>月份</th>
    <th>存款</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3000</td>
  </tr>
</table>

آزمایش کنید

ویژگی‌های جهانی

<caption> این برچسب‌ها نیز از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های جهانی در HTML.

ویژگی‌های رویداد

<caption> این برچسب‌ها نیز از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های رویداد در HTML.

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها از مقادیر پیش‌فرض زیر برای نمایش استفاده می‌کنند <caption> عنصر:

caption {
  display: table-caption;
  text-align: center;
}

آزمایش کنید

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی