Тег <tbody> HTML основная часть, тело таблицы

Рейтинг: 4 из 5, голосов 10

07 января 2018 г.

Тег <tbody> определяет границы основной части таблицы HTML. Используется в HTML таблицах определенных тегом <table>.

К группе тегов отвечающих за различные части HTML таблиц относятся: тег <thead> - верхний колонтитул, <tbody> - основная часть, <tfoot> - нижний колонтитул.

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

HTML тег <tbody> должен располагаться внутри тега <table> после тегов <caption>, <col>, <colgroup>, <thead> и <tfoot>.

Внутри тега <tbody> должен быть один или несколько элементов <tr> - строк таблицы.

Стоит отметить, что теги <thead>, <tbody>, <tfoot> по умолчанию не изменяют стили таблицы. Для этого используйте CSS.

Подробнее про создание таблиц читайте в статье: Создание таблиц в HTML. Все о HTML таблицах.

Синтаксис

<tbody>элементы tr с HTML контентом</tbody>

Отображение в браузере

Ячейка 1	Ячейка 2
Ячейка 7	Ячейка 8
Ячейка 3	Ячейка 4
Ячейка 5	Ячейка 6

Пример использования <tbody> в HTML коде

<!DOCTYPE html>
<html>
  <head>
    <title>Таблица с tbody</title>
  </head>
  <body>
    <table>
      <!-- Ячейки верхнего колонтитула -->
      <thead>
        <tr>
          <th>Ячейка 1</th>
          <th>Ячейка 2</th>
        </tr>
      </thead>
      <tfoot>
        <!-- Ячейки нижнего колонтитула -->
        <tr>
          <th>Ячейка 7</th>
          <th>Ячейка 8</th>
        </tr>
      </tfoot>
      <tbody>
        <!-- Основная часть таблицы -->
        <tr>
          <td>Ячейка 3</td>
          <td>Ячейка 4</td>
        </tr>
        <tr>
          <td>Ячейка 5</td>
          <td>Ячейка 6</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Поддержка браузерами

Тег
<tbody>	Да	Да	Да	Да	Да

Атрибуты <tbody>

В HTML5 у тега <tbody> нет атрибутов.

Устаревшие атрибуты

Атрибут	Значения	Описание
align	left right center justify	Задает правило выравнивания содержимого по горизонтали. В HTML5 используйте CSS.
valign	top middle bottom baseline	Задает правило выравнивания содержимого по вертикали. В HTML5 используйте CSS.

by Lebedev

Комментарии

10 мая 2020 г.

ivan

<tfoot>..... </tfoot> нужно писать после <tbody>...</tbody> иначе валидатор ругается.

Ответить

03 июля 2021 г.

Anton

The <tfoot> must appear after any <caption>, <colgroup> or <thead> element. It can be before or after all <tbody> and <tr> elements, but not intermixed with them.

[HTML 4] The <tfoot> element cannot be placed after any <tbody> and <tr> element. This restriction has been softened in HTML5.