ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши


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;
}