Пример
Таблица HTML с элементами thead, tfoot и tbody:<table> <thead> <tr> <th>Месяц</th> <th>Сбережения</th> </tr> </thead> <tfoot> <tr> <td>Сумма</td> <td>$180</td> </tr> </tfoot> <tr> <td>Январь</td> <td>$100</td> </tr> <tr> <td>Февраль</td> <td>$80</td> </tr> </table>
Поддержка браузеров
<tfoot> поддерживается во всех ведущих браузерахОпределение и использование
Тег <tfoot> используется для группирования содержания колонтитула в таблице HTML.
Элемент tfoot используется вместе с элементами <thead> и <tbody>.
Элемент thead используется для группирования содержания заголовка в таблице HTML и элемент tbody используется для группирования содержания основной части таблицы HTML.
Примечание: <tfoot> должен появиться до <tbody> внутри таблицы, так что браузер может получить нижний колонтитул, прежде чем получит все строки данных.
Обратите внимание, что эти элементы не влияют на расположение таблицы по умолчанию. Тем не менее, вы можете использовать CSS, чтобы эти элементы влияли на макет таблицы.
Разница между HTML 4.01 и HTML5
Ни один из атрибутов HTML 4.01 не поддерживается в HTML5.
Советы и примечание
Примечание: <tfoot> должен иметь тег <tr> внутри!
Примечание: Если вы используете один из элементов thead, tfoot или tbody, вы должны использовать все из них.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| align | right left center justify char | Не поддерживается в HTML5 |
| char | символ | Не поддерживается в HTML5 |
| charoff | число | Не поддерживается в HTML5 |
| valign | top middle bottom baseline | Не поддерживается в HTML5 |
Глобальные атрибуты
Тег <tfoot> поддерживает Глобальные атрибуты в HTML5.
Атрибуты событий
Тег <tfoot> поддерживает Атрибуты событий в HTML5.

