САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <tfoot>


Пример

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

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>
Попробуйте сами »

Определение и использование

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

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

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

Тег <tfoot> должен использоваться в следующем контексте: как дочерний элемент элемента <table> после любых элементов <caption>, <colgroup>, <thead> и <tbody>.


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

Элемент
<tfoot> Yes Yes Yes Yes Yes

Советы и примечания

Примечание: Элемент <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;
}