Элемент <tfoot>

Элемент <tfoot> (от англ. table foot — подвал таблицы) представляет собой «подвал» таблицы и отображается внизу таблицы.

Разделы <thead>, <tfoot> и <tbody> должны содержать одинаковое число колонок и по меньшей мере одну строку, которая определяется через элемент <tr>.

В таблице разрешается использовать только один элемент <tfoot>.

Синтаксис

В HTML4 элемент <tfoot> должен располагаться перед элементом <tbody>, но после <thead>, если они присутствуют, при этом содержимое <tfoot> отображается внизу таблицы.

<table>
  <caption>…</caption>
  <thead>…</thead>
  <tfoot>…</tfoot>
  <tbody>…</tbody>
</table>

Если элементов <thead> и <tbody> в таблице нет, тогда <tfoot> идёт после открывающего тега <table> или после необязательного элемента <caption>.

<table>
  <caption>…</caption>
  <tfoot>…</tfoot>
  <tr><td>…</td></tr>
</table>

В HTML5 <tfoot> идёт после всех элементов <caption>, <colgroup>, <thead>, <tbody>.

<table>
  <caption>…</caption>
  <thead>…</thead>
  <tbody>…</tbody>
  <tfoot>…</tfoot>
</table>

Если указанных элементов в таблице нет, тогда <tfoot> идёт после всех <tr>.

<table>
  <tr><td>…</td></tr>
  <tfoot>…</tfoot>
</table>

Атрибуты

Для этого элемента доступны универсальные атрибуты и события.

Устаревшие атрибуты

align
Определяет выравнивание текста в строке.
bgcolor
Цвет фона ячеек, которые расположены внутри контейнера <tfoot>.
char
Выравнивание содержимого ячеек относительно заданного символа.
charoff
Смещение содержимого ячеек относительно указанного символа.
valign
Выравнивание содержимого ячеек по вертикали.

Устаревшие атрибуты — это атрибуты элементов HTML, которые были частью предыдущих версий HTML, но больше не поддерживаются в последних версиях стандарта. Использование таких атрибутов не рекомендуется, поскольку они противоречат современной идеологии HTML и могут не поддерживаться последними версиями браузеров.

Добавлять к элементам HTML устаревшие атрибуты не надо, взамен применяются стили или другие элементы HTML.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>TFOOT</title> </head> <body> <table width="600"> <tfoot align="center" style="background: #ffc"> <tr> <td>Ячейка 1, расположенная в TFOOT</td> <td>Ячейка 2, расположенная в TFOOT</td> </tr> </tfoot> <tbody align="right" style="background: silver"> <tr> <td>Ячейка 3, расположенная в TBODY</td> <td>Ячейка 4, расположенная в TBODY</td> </tr> </tbody> </table> </body> </html> <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>TFOOT</title> </head> <body> <table> <tbody style="background: silver"> <tr> <td>Ячейка 1, расположенная в TBODY</td> <td>Ячейка 2, расположенная в TBODY</td> </tr> </tbody> <tfoot style="background: #ffc"> <tr> <td>Ячейка 3, расположенная в TFOOT</td> <td>Ячейка 4, расположенная в TFOOT</td> </tr> </tfoot> </table> </body> </html>

Спецификация

Браузеры

3 12 1 4 1 1
4.4 4 12.1 1

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.
Таблицы

Практика