Елемент <tfoot> (від англ. table foot — підвал таблиці) є «підвал» таблиці і відображається внизу таблиці. Призначений для інформації про колонки таблиці.
Розділи <thead>, <tfoot> span class="tag"><tbody> повинні містити однакове число колонок і щонайменше один рядок, який визначається через елемент <tr> .
В таблиці дозволяється використовувати лише один елемент <tfoot>.
Синтаксис
У HTML4 елемент <tfoot> повинен розташовуватися перед елементом <tbody>, але після <thead>, якщо вони присутні, вміст <tfoot> відображається внизу таблиці.
<code data-language="html"><table> <caption>…</caption> <thead>…</thead> <tfoot>…</tfoot> <tbody>…</tbody> </table>
Якщо елементів <thead> та <tbody> у таблиці немає, тоді <tfoot> йде після відкритого тегу <table> або після необов'язкового елемента <caption>.
<code data-language="html"><table> <caption>…</caption> <tfoot>…</tfoot> <tr><td>…</td></tr> </table>
У HTML5 <tfoot> йде після всіх елементів <caption> , <colgroup>, <thead>, <tbody>.
<code data-language="html"><table> <caption>…</caption> <thead>…</thead> <tbody>…</tbody> <tfoot>…</tfoot> </table>
Якщо зазначених елементів у таблиці немає, тоді <tfoot> йде після всіх <tr>.
<code data-language="html"><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 (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.
Браузери
| 3 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якою елемент підтримується.