آموزش HTML – تگ tfoot

تعریف و کاربرد تگ tfoot در HTML

تگ <tfoot> تگی است که در درون تگ <table> قرار می گیرد و با استفاده از آن می توان فوتر (پایینی ترین قسمت یک جدول) را تعریف و یا ایجاد کرد.

تگ <tfoot> همراه با عناصر <thead> ( عناوین ستونها (header)) و <tbody> (بدنه اصلی(body))برای مشخص کردن هر قسمت از جدول استفاده می شوند.

مرورگرهای وب می توانند از این عناصر برای فعال کردن پیمایش بدنه جدول مستقل از سربرگ و پاورقی استفاده کنند. همچنین هنگام print گرفتن از جدول های بزرگ که معمولا چند صفحه ای می باشند این عناصر قادر هستند که header و footer جداول را در بالا و پایین همه صفحات چاپی تکرار کنند.

طریقه قرار گیری تگ <tfoot>: تگ <tfoot> داخل تگ <table> قرار می گیرد پس از عناصر <caption> ، <colgroup> و عنصر <thead> و قبل از عناصر <tbody> و <tr> می آید.

نکته ها و ترفندها

• تگ <tfoot> باید حداقل یک تگ <tr> درون خود داشته باشد.
• تگ <thead> ،<tbody> و <tfoot> به طور پیش فرض بر روی طرح جدول تاثیر نمی گذارند. با این حال، شما می توانید برای استایل دادن به این عناصر از CSS استفاده کنید.
• خصوصیت های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شود.

مثال از تگ tfoot در HTML

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>

پشتیبانی مرورگرها از تگ tfoot در HTML

Element
<tfoot>	بله	بله	بله	بله	بله

جدول صفات تگ table در HTML