English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список тегов HTML

HTML: <tfoot> тег

HTML <tfoot> тег определяет группу строк, которые составляют нижний колонтитул таблицы HTML. Он может использоваться для суммирования столбцов таблицы, обычно используется для отображения общего totals. Traditionally, you will use CSS to set the style of the <tfoot> tag to highlight the totals. Этот тег также часто называется элементом <tfoot>.

Онлайн пример

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Введение в веб-разработку (oldtoolbag.com)</title> 
</head>
<body>
<table border="1">
  <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>
</body>
</html>
Тестировать, смотреть ‹/›

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <tfoot>.

Описание тега и его использования

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

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

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

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

Советы и注意事项

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

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

Различия между HTML 4.01 и HTML5

В HTML 5 больше не поддерживаются никакие свойства тега <tfoot> из HTML 4.01.

Свойство

СвойствоЗначениеОписание
alignправый край
 левый край
 центр
 justify
 char
HTML5 не поддерживает. Определяет способ выравнивания содержимого тега <tfoot>.
charcharacterHTML5 не поддерживает. Определяет, по какому символу следует выравнивать текст содержимого тега <tfoot>.
charoffnumberHTML5 не поддерживает. Определяет смещение первого выравнивающего символа содержимого тега <tfoot>.
valignверхний край
 середина
 нижний край
 базовая линия
HTML5 не поддерживает. Определяет способ вертикального выравнивания содержимого тега <tfoot>.

Глобальные свойства

Поддержка тега <tfoot> Глобальные свойства HTML.

Событийные свойства

Поддержка тега <tfoot> Событийные свойства HTML.