تعریف و کاربرد تگ 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 را بصورت عمودی مشخص می کند. |