Элемент <tfoot> определяет нижний колонтитул HTML таблицы. Используется вместе с элементами <thead> и <tbody>, которые определяют заголовок и содержание (тело) таблицы соответственно.
Элемент <tfoot> помещается после элементов <caption>, <colgroup>.(если таковые имеются) и <thead>. Обратите внимание, что для правильного отображения нижнего колонтитула в таблице элемент <tfoot> должен находиться перед элементом <tbody>.
Элемент <tfoot> должен содержать хотя бы один элемент <tr>.
По умолчанию, теги <thead>, <tbody> и <tfoot> не влияют на внешний вид таблицы, для настройки внешнего вида таблицы используйте CSS стили.
Синтаксис
<table>
<thead> ... </thead>
<tfoot>
<tr>
<td> ... </td>
</tr>
</tfoot>
<tbody> ... </tbody>
</table>
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
<table summary="Футболисты, забившие гол" width="400" border="1">
<caption>
FIFA World Cup 2018 <br> Лучшие футболисты, забившие гол
<hr>
</caption>
<thead>
<tr>
<th>Имя</th>
<th>Страна</th>
<th>Гол</th>
</tr>
</thead>
<tfoot>
<tr>
<th colspan="3">Гарри Кейн - лучший бомбардир!</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Гарри Кейн</td>
<td>Англия</td>
<td>6</td>
</tr>
<tr>
<td>Криштиану Роналду</td>
<td>Португалия</td>
<td>4</td>
</tr>
<tr>
<td>Неймар</td>
<td>Бразилия</td>
<td>2</td>
</tr>
</tbody>
</table>
</body>
</html>
Результат
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
align |
right
left center justify char |
Выравнивает содержимое элемента <tfoot>.
Не поддерживается в HTML 5. |
bgcolor | bgcolor | Задает цвет фона ячеек внутри тега <tfoot>.
Не поддерживается в HTML 5. |
char | character | Выравнивает содержимое элемента по заданному символу.
Используется только если атрибут align = "char".
Не поддерживается в HTML 5. |
charoff | number | Выравнивает содержимое элементе с указанного в атрибуте символа, путем смещения от определённого символа вправо (положительные значения) или влево (отрицательные значения). Используется только если атрибут align = "char".
Не поддерживается в HTML 5. |
valign |
top
bottom middle baseline |
Задает вертикальное выравнивание содержимого элемента.
Не поддерживается в HTML 5. |
Тег <tfoot> поддерживает также глобальные атрибуты и атрибуты событий.
Browser support
|
|
|
|
|
---|---|---|---|---|