Вы здесь

HTML тег tfoot

Тег <tfoot> используется для группирования содержимого нижнего колонтитула HTML таблицы.

Элемент <tfoot> используется вместе с элементами <thead> и <tbody> для определения соответствующих частей таблицы (нижний колонтитул, верхний колонтитул, основное содержимое).

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

Тег <tfoot> должен располагаться внутри тега <table> после элементов <caption>, <colgroup> и <thead> и перед тегами <tbody> и <tr>.

Внутри элемента <tfoot> должен быть определен по крайней мере один элемент <tr>.

Элементы <thead>, <tbody> и <tfoot> по умолчанию никак не влияют на внешний вид таблицы. Тем не менее, вы можете использовать стили CSS, чтобы настроить их отображение.

Разница между HTML 4.01 и HTML5
В HTML5 не поддерживается ни один атрибут для HTML 4.01.
Атрибуты тега <tfoot>
Атрибут Описание
align Определяет горизонтальное выравнивание содержимого элемента
char Определяет символ выравнивания, по которому будет выравниваться содержимое внутри элемента
charoff Определяет количество символов смещения относительно символа выравнивания
valign Определяет вертикальное выравнивание содержимого элемента <tfoot>
HTML пример

HTML таблица с элементами <thead>, <tfoot> и <tbody>:


<table>
   <thead>
   <tr>
      <th>Месяц</th>
      <th>Сэкономлено</th>
   </tr>
   </thead>
   <tfoot>
   <tr>
       <td>Итого</td>
       <td>$180</td>
   </tr>
   </tfoot>
   <tbody>
   <tr>
      <td>Январь</td>
      <td>$100</td>
   </tr>
   <tr>
       <td>Февраль</td>
       <td>$80</td>
   </tr>
   </tbody>
</table>

CSS стили по умолчанию

Большинство браузеров будут отображать тег <tfoot> со следующими стилями


tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}