<tfoot>

Тег <tfoot> - table foot, перекладається з англійської як підсумкова частина таблиці.

Тег <tfoot> використовується для групування підсумкових рядків в HTML-таблиці, котрі будуть відображені внизу таблиці.

HTML тег <tfoot> використовується в поєднанні з елементами <tbody> і <thead>, щоб вказати кожну частину таблиці (заголовок таблиці, іі тіло та футер).

Браузери можуть використовувати ці елементи для того, щоб прокручувати тіло таблиці незалежно від верхнього і нижнього колонтитула. Крім того, при друку великої таблицю, яка займає кілька сторінок, ці елементи можуть бути надрукований у верхній і нижній частині кожної сторінки.

6be4acf3d07393cb6cc2f1f47ad55eb9.png

Порада:

Елементи <thead>, <tbody> і <tfoot>, без задання, не впливають на розташування таблиці. Для того, щоб змінити поведінку таблиці - використовуйте CSS стилі.

Нотатка:

Допустимо використовувати не більше одного елемента <tfoot> в межах однієї таблиці.

Нотатка:

Розміщувати HTML тег <tfoot> слід або після відкриваючого тегу table, або після закриваючого тегу thead, тобто до блоку tbody, та після контейнера <caption>.

Нотатка:

Всередині тега tfoot допускається розміщення тегів tr, td та th.

Нотатка:

<tfoot> елемент повинен мати один або більше <tr> всередині.

Синтакс

<table>
 <thead> ... </thead>
 <tfoot>
  <tr>
   <td> ... </td>
  </tr>
 </tfoot>
 <tbody> ... </tbody>
</table>

Приклади

Найпростіший приклад використання HTML тега <tfoot>

До попереднього тегу До наступного тегу