tfoot — подвал таблицы

  • 7 августа 2023

Справочник

Анастасия Ткачева

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <tfoot> создаёт нижнюю часть таблицы — с результатами или другой информацией. Он используется вместе с тегами <table> и <tbody> для структурирования содержимого HTML-таблицы.

<thead>
    <tr>
      <th>№</th>
      <th>Название товара</th>
      <th>Цена</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Монитор Samsung</td>
      <td>12000 руб.</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Ноутбук HP</td>
      <td>30000 руб.</td>
    </tr>
  </tbody>
№Название товараЦена1Монитор Samsung12000 руб.2Ноутбук HP30000 руб.

Тег <tfoot> — необязательный. Таблица может иметь верхний и нижний колонтитул, но не обязана иметь ни то, ни другое. Если вы не хотите использовать тег <tfoot>, можете заменить его на <div>, <section> или <footer>.

Полезные статьи — по почте

Подпишитесь на редакторскую рассылку о фронтенде, новых CSS-штучках и всём, что пригодится разработчику.

Присылаем одно письмо в неделю. Без спама и нейросетей.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники