/html/tfoot:> Нижний колонтитул таблицы_
Элемент tfoot
Синтаксис
(X)HTML
<table> <caption> ... </caption> <colgroup> ... </colgroup> <thead> ... </thead> <tfoot> ... <tr> ... </tr> ... </tfoot> <tbody> ... </tbody> </table>
Описание
Элемент tfoot
(от англ. "table footer" ‒ «табличная сноска») используется для создания нижнего колонтитула (поясняющей надписи) таблицы.
Условия использования
В одной таблице допускается не более одного элемента tfoot
в который должно быть вложено не менее одного элемента табличной строки. А сам tfoot
должен располагаться внутри таблицы после следующих элементов: заголовок таблицы, параметры группы столбцов, параметры (контейнер) групп столбцов, шапки таблицы.
Поддержка браузерами
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, data-*, dir, draggable, dropzone, 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>
<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