<tfoot>

Комментарии

Содержание

Элемент <tfoot> представляет собой «подвал» таблицы и отображается внизу таблицы. Предназначен для информации о колонках таблицы.

Разделы <thead>, <tfoot> и <tbody> должны содержать одинаковое число колонок и по меньшей мере одну строку, которая определяется через элемент <tr>.

В таблице разрешается использовать только один элемент <tfoot>.

Синтаксис

В HTML4 элемент <tfoot> должен располагаться перед элементом <tbody>, но после <thead>, если они присутствуют, при этом содержимое <tfoot> отображается внизу таблицы.

<table>
  <caption>…</caption>
  <thead>…</thead>
  <tfoot>…</tfoot>
  <tbody>…</tbody>
</table>

Если элементов <thead> и <tbody> в таблице нет, тогда <tfoot> идёт после открывающего тега <table> или после необязательного элемента <caption>.

<table>
  <caption>…</caption>
  <tfoot>…</tfoot>
  <tr><td>…</td></tr>
</table>

В HTML5 <tfoot> идёт после всех элементов <caption>, <colgroup>, <thead>, <tbody>.

<table>
  <caption>…</caption>
  <thead>…</thead>
  <tbody>…</tbody>
  <tfoot>…</tfoot>
</table>

Если указанных элементов в таблице нет, тогда <tfoot> идёт после всех <tr>.

<table>
  <tr><td>…</td></tr>
  <tfoot>…</tfoot>
</table>

Закрывающий тег

Не обязателен.

Атрибуты

align
Определяет выравнивание текста в строке.
bgcolor
Цвет фона ячеек, которые расположены внутри контейнера <tfoot>.
char
Выравнивание содержимого ячеек относительно заданного символа.
charoff
Смещение содержимого ячеек относительно указанного символа.
valign
Выравнивание содержимого ячеек по вертикали.

Также для этого элемента доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>TFOOT</title>
 </head>
 <body>
  <table width="600">
   <tfoot align="center" style="background: #ffc">
    <tr>
     <td>Ячейка 1, расположенная в TFOOT</td>
     <td>Ячейка 2, расположенная в TFOOT</td> 
    </tr> 
   </tfoot>
   <tbody align="right" style="background: silver">
    <tr>
     <td>Ячейка 3, расположенная в TBODY</td>
     <td>Ячейка 4, расположенная в TBODY</td> 
    </tr> 
   </tbody>
  </table>
 </body>
</html>
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>TFOOT</title>
 </head>
 <body>
  <table>
   <tbody style="background: silver">
    <tr>
     <td>Ячейка 1, расположенная в TBODY</td>
     <td>Ячейка 2, расположенная в TBODY</td> 
    </tr> 
   </tbody>
   <tfoot style="background: #ffc">
    <tr>
     <td>Ячейка 3, расположенная в TFOOT</td>
     <td>Ячейка 4, расположенная в TFOOT</td> 
    </tr> 
   </tfoot>
  </table>
 </body>
</html>

Спецификация ?

СпецификацияСтатус
WHATWG HTML Living StandardЖивой стандарт
HTML5Рекомендация
HTML 4.01 SpecificationРекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor's draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры ?

Internet ExplorerChromeOperaSafariFirefox
313.511
AndroidFirefox MobileOpera MobileSafari Mobile
1161

Браузеры

В таблице браузеров применяются следующие обозначения.

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор: Влад Мержевич
Последнее изменение: 19.09.2017
Редакторы: Влад Мержевич

Рекомендуем