HTML <tfoot> Тег
Пример
HTML-таблица с <thead>, <tfoot>, и элементом <tbody>:
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
Определение и использование
Тег <tfoot> используется для группирования содержимого нижнего колонтитула в таблице HTML.
Элемент <tfoot> используется совместно с элементом <thead> и <tbody> элементы для указания каждой части таблицы (нижний колонтитул, заголовок, текст).
Обозреватели могут использовать эти элементы для включения прокрутки тела таблицы независимо от верхнего и нижнего колонтитулов. Кроме того, при печати большой таблицы, охватывающей несколько страниц, эти элементы могут включать верхний и нижний колонтитулы таблицы для печати в верхней и нижней части каждой страницы.
Тег <tfoot> должен использоваться в следующем контексте: в качестве дочернего элемента <table> элемент, после любого <caption>, <colgroup>, и <thead> элементы и перед любым <tbody> и <tr> элементом.
Поддержка браузера
| Элемент | |||||
|---|---|---|---|---|---|
| <tfoot> | Да | Да | Да | Да | Да |
Советы и примечания
Примечание: Элемент <tfoot> должен иметь один или несколько <tr> тегов внутри.
Совет: Элементы <thead>, <tbody>, и <tfoot> по умолчанию не влияют на компоновку таблицы. Однако для оформления этих элементов можно использовать CSS.
Различия между HTML 4,01 и HTML5
Ни один из атрибутов HTML 4,01 не поддерживается в HTML5.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| align | right left center justify char |
Не поддерживается в HTML5. Выравнивание содержимого внутри элемента <tfoot> |
| char | character | Не поддерживается в HTML5. Выравнивает содержимое внутри элемента <tfoot> до символа |
| charoff | number | Не поддерживается в HTML5. Задает количество символов, содержимое внутри элемента <tfoot> будет выровнено от символа, заданного атрибутом char |
| valign | top middle bottom baseline |
Не поддерживается в HTML5. Вертикальное выравнивание содержимого внутри элемента <tfoot> |
Глобальные атрибуты
Тег <tfoot> также поддерживает Глобальные атрибуты в HTML.
Атрибуты события
Тег <tfoot> также поддерживает Атрибуты событий в HTML.
Параметры CSS по умолчанию
В большинстве обозревателей элемент <tfoot> будет отображаться со следующими значениями по умолчанию:
tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}