Тег <tfoot>
Элемент <tfoot> предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы. Хотя тег <tfoot> в исходном коде должен быть определен до тега <tbody>, браузеры отображают его в самом низу таблицы.
В пределах таблицы разрешается использовать только один элемент <tfoot>.
поддержка браузерами:
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
спецификация:
HTML: | 3.2 | 4.01 | 5.0 |
XHTML: | 1.0 | 1.1 |
синтаксис:
<table>
<thead> ... </thead>
<tfoot>
<tr>
<td> ... </td>
</tr>
</tfoot>
<tbody> ... </tbody>
</table>
атрибуты:
align - Задает выравнивание по горизонтали для всех ячеек в пределах <tfoot>.
bgcolor - Устанавливает цвет фона ячеек, расположенных в контейнере <tfoot>.
char - Атрибут char заставляет выравниваться содержимое ячеек внутри <tfoot> по заданному символу.
charoff - Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячеек влево или вправо относительно заданного символа.
valign - Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <tfoot>.
bgcolor - Устанавливает цвет фона ячеек, расположенных в контейнере <tfoot>.
char - Атрибут char заставляет выравниваться содержимое ячеек внутри <tfoot> по заданному символу.
charoff - Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячеек влево или вправо относительно заданного символа.
valign - Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <tfoot>.
закрывающий тег:
Не обязателен
пример кода:
<!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>