Тег <tfoot>
(сокращенно от table foot) определяет подвал таблицы <table>
. Он используется для группировки набора строк, суммирующих столбцы таблицы.
Он должен появляться как дочерний элемент тега <table>
, после любых не обязательных элементов <caption>
, <colgroup>
и <thead>
, но перед любым элементом <tbody>
и <tr>
. Элемент<tfoot>
должен содержать хотя бы одну строку, определенную тегом <tr>
.
Родительский: | <table> |
Контент: | <tr> |
Открывающий тег: | Обязательный |
Закрывающий тег: | Обязательный |
Версия: | HTML 4, 4.01, 5 |
-
Строки таблицы могут быть сгруппированы в заголовок таблицы, подвал таблицы и один или несколько разделов тела таблицы с использованием тегов
<thead>
,<tfoot>
и<tbody>
соответственно. -
Это разделение позволяет браузеру поддерживать прокрутку тел таблицы независимо от их заголовка и подвала. Кроме того, при печати длинных таблиц, которые занимают несколько страниц, информация о заголовке таблицы и подвале может быть выведена на каждой странице, содержащей эти таблицы.
-
Элементы
<thead>
,<tfoot>
и<tbody>
должны содержать хотя бы одну строку, определенную тегом<tr>
.
Синтаксис
Базовый синтаксис тега <tfoot>
выглядит следующим образом:
HTML / XHTML: <tfoot> ... </tfoot>
Примеры написания кода тега <tfoot>
:
<table>
<caption>Данные пользователя</caption>
<tdead>
<tr>
<td>Номер</td>
<td>Имя</td>
<td>Email</td>
</tr>
</tdead>
<tbody>
<tr>
<td>1</td>
<td>John Carter</td>
<td>johncarter@mail.com</td>
</tr>
<tr>
<td>2</td>
<td>Peter Parker</td>
<td>peterparker@mail.com</td>
</tr>
<tr>
<td>3</td>
<td>John Rambo</td>
<td>johnrambo@mail.com</td>
</tr>
</tbody>
</table>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <tfoot>
:
Атрибут | Значение | Описание |
---|---|---|
align |
left right center justify char |
Определяет горизонтальное выравнивание содержимого каждой ячейки в нижнем колонтитуле таблицы. |
char |
character | Устанавливает символ, которому должно соответствовать содержимое ячеек нижнего колонтитула таблицы. |
charoff |
number | Определяет количество символов, на которое содержимое ячеек нижнего колонтитула таблицы будет смещено от символов выравнивания, указанных атрибутом char. |
valign |
top middle bottom baseline |
Определяет вертикальное выравнивание текста в каждой строке ячеек tfoot таблицы. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <tfoot>
поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <tfoot>
так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <tfoot>
поддерживается во всех основных браузерах.