آموزش HTML – تگ tfoot

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/15 | بخش : آموزش HTML

تعریف و کاربرد تگ 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

نام صفت  مقدار توضیح
align right
left
center
justify
char
در HTML5 پشتیبانی نمی شود.

تراز یا موقعیت قرارگیری متن موجود در تگ tfoot را مشخص می کند.

char character در HTML5 پشتیبانی نمی شود.

تراز محتوای درون تگ tfoot را بر اساس کاراکتر مشخص می کند.

charoff number در HTML5 پشتیبانی نمی شود.

تعداد کاراکترهای موجود در تگ tfoot را که توسط صفت char مشخص شده است
را مشخص می کند.

valign top
middle
bottom
baseline
در HTML5 پشتیبانی نمی شود.

تراز محتوای موجود در تگ tfoot را بصورت عمودی مشخص می کند.