تگ caption در HTML

در ادامه با تگ caption در HTML آشنا شوید.

نکات اصلی تگ caption:

• تگ caption عنوان جدول را اضافه می کند. به عنوان یک استاندارد ، این عنصر باید فرزند اول <table> باشد.
• زیرنویس جدول HTML را می توان برای تقلید از روش عادی ارائه زیرنویس برای شکل ها یا تصاویر با استفاده از CSS در زیر جدول اضافه کرد.

استفاده از تگ caption

تگ caption برای تگ <table> عنوان جدول (یا عنوان جدول HTML) را تعریف می کند.

<table style="width: 100%; border: 1px solid;">
  <caption>Average Price List of Fruits [July 2017]</caption>
  <tr>
    <th>Fruits</th>
    <th>Prices</th>
  </tr>
  <tr>
    <td>Apple</td>
    <td>€0.60</td>
  </tr>
  <tr>
    <td>Banana</td>
    <td>€0.32</td>
  </tr>
</table>

برای اینکه عنوان جدول در پایین جدول نشان داده شود ، از ویژگی CSS در تگ caption استفاده کنید:

caption {
   caption-side: bottom;
}

align (منسوخ شده)

تراز بندی را برای عنوان جدول تنظیم می کند. این تگ دیگر در HTML5 استفاده نمی شود.

<table style="width: 100%; border: 1px solid;">
  <caption align="bottom">Average Price List of Fruits [July 2017]</caption>
  <tr>
    <th>Fruits</th>
    <th>Prices</th>
  </tr>
  <tr>
    <td>Apple</td>
    <td>€0.60</td>
  </tr>
  <tr>
    <td>Banana</td>
    <td>€0.32</td>
  </tr>
</table>

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

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.