تگ tfoot در HTML

چاپ

مثال (تگ tfoot در HTML)

یک جدول HTML با استفاده از عناصر <tfoot> ،<thead> و <tbody>::

<table>
  <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

تگ <tfoot> برای گروه محتویات پایانی یک جدول HTML استفاده می شود.

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

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

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


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

عنصر     
<tfoot> بله بله بله بله بله

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

نکته: تگ <tfoot> باید حداقل یک تگ <tr> درون خود داشته باشد.

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


تفاوت بین HTML 4.01 و HTML5

خصوصیت های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شود.


خصوصیت ها

خصوصیتمقدارتوضیحات
align right
left
center
justify
char
در HTML5 پشتیبانی نمی شود..
نحوه ترازبندی محتویات درون عنصررا مشخص می کند.
char character در HTML5 پشتیبانی نمی شود..
نحوه ترازبندی محتویات درون عنصربرای کاراکتر را مشخص می کند.
charoff number در HTML5 پشتیبانی نمی شود..
مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود، تا متن درون عنصررا تراز بندی کند.
valign top
middle
bottom
baseline
در HTML5 پشتیبانی نمی شود..
نحوه ترازبندی عمودی محتویات درون عنصررا مشخص می کند.

ویژگی های عمومی تگ tfoot در HTML

تگ <tfoot> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ tfoot در HTML

 تگ <tfoot> از رویدادهای عمومی در HTML پشتیبانی می کند.