/html/tfoot:> Нижний колонтитул таблицы_

Элемент tfoot

Синтаксис

(X)HTML
<table>
  <caption> ... </caption>
  <colgroup> ... </colgroup>
  <thead> ... </thead>
  <tfoot>
    ...
    <tr> ... </tr>
    ...
  </tfoot>
  <tbody> ... </tbody>
</table>

Описание

Элемент tfoot (от англ. "table footer" ‒ «табличная сноска») используется для создания нижнего колонтитула (поясняющей надписи) таблицы.

Условия использования

В одной таблице допускается не более одного элемента tfoot в который должно быть вложено не менее одного элемента табличной строки. А сам tfoot должен располагаться внутри таблицы после следующих элементов: заголовок таблицы, параметры группы столбцов, параметры (контейнер) групп столбцов, шапки таблицы.

  • В HTML4.01 tfoot может быть расположен только перед элементом tbody или tr.
  • В HTML5.0 уже допускается расположение данного элемента как перед элементом tbody, так и после него ‒ в конце таблицы перед закрывающим тегом «</table>».

Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

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

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 11.2.3 Row groups: the THEAD, TFOOT, and TBODY elements
DTD: Transitional Strict Frameset
5.0 4.9.7 The tfoot element
5.1 4.9.7. The tfoot element
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Атрибуты

align
Задаёт выравнивание содержимого элементов tfoot.
char
Указывает символ по которому выравнивается содержимое ячеек.
charoff
Указывает количество символов на которое необходимо сместить содержимое ячеек.
valign
Задаёт вертикальное выравнивание содержиого ячеек.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент tfoot</title>
</head>
<body>
<h1>Пример использования элемента "tfoot"</h1>
<table border="1">
<caption> XHTML </caption>
<col style="width: 100px;">
<col style="width: 250px;">
<thead>
<tr> <th>Версия</th> <th>Дата</th> </tr>
</thead>
<tbody>
<tr> <td>1.0</td> <td>26 января 2000 года</td> </tr>
<tr> <td>1.1</td> <td>23 ноября 2010</td> </tr>
<tr> <td>2.0</td> <td>В конце 2010 разработка была прекращена.<br>16 декабря 2010 года были опубликованы достигнутые результаты работы.</td> </tr>
</tbody>
<tfoot>
<tr> <td colspan="2">Табл. 1. Даты выхода различных версий XHTML</td> </tr>
</tfoot>
</table>
</body>
</html>
Элемент tfoot