تگ tfoot در HTML

در این مقاله با تگ tfoot در HTML آشنا می شویم.

نکات اصلی تگ tfoot

• برای گروه بندی محتوای پاورقی جدول HTML ، باید از تگ tfoot استفاده کنید.
• <tfoot> همراه با <tbody> و <thead> برای تعیین هر قسمت از جدول (پاورقی ، هدر ، بدنه) می رود.
• <tfoot> باید یک یا چند تگ در داخل داشته باشد.

تعریف تگ tfoot در HTML

از تگ tfoot برای تعریف محتوای پانویس جدول HTML استفاده می شود:

<table border="1">
 <thead>
   <tr>
     <th>Cats</th>
     <th>Dogs</th>
   </tr>
 </thead>
 <tbody>
   <tr>
     <td>7</td>
     <td>6</td>
   </tr></tbody>
 <tfoot align="center">
   <tr>
     <th colspan="2">Cats win!</th>
   </tr>
 </tfoot> 
</table>

یک جدول فقط می تواند یک عنصر tfoot داشته باشد. باید در زیر <tbody> در جریان سند قرار بگیرد.

همچنین اگر بعد از <thead> و <colgroup> و <caption> استفاده شود ، باید همیشه ظاهر شود.

ویژگی های منسوخ شده تگ tfoot

تگ tfoot چند ویژگی خاص داشت. با این حال ، همه آن ها در HTML4 منسوخ شده و به طور کامل در HTML5 حذف شده اند. ما به شما توصیه می کنیم در عوض از ویژگی های CSS برای یک ظاهر طراحی استفاده کنید.

align ترازبندی محتوا را برای <tfoot> تعریف کرد:

<tfoot align="center">

توجه: به جای تراز کردن ، از ویژگی CSS-align استفاده کنید.

char ترازبندی محتوا را برای عنصر <tfoot> با یک کاراکتر تعریف کرد:

<tfoot align="char" char=".">

charoff تعداد نویسه هایی را تنظیم می کند که محتوای عنصر <tfoot> باید با نویسه تنظیم شده توسط ویژگی char تراز شود:

<tfoot align="char" char="." charoff="2">

valign تمام محتوای عنصر <tfoot> را تنظیم می کند تا به صورت عمودی تراز شود:

<tfoot valign="bottom">

توجه: به جای valign از ویژگی CSS vertical-align استفاده کنید.

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

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

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