Тема:

<tbody> - HTML-елемент тіла таблиці

HTML-елемент <tbody> групує один або більше рядків (<tr>).

Елемент <tbody> використовується разом з елементами <thead> та <tfoot> для структурування таблиць. <thead> містить заголовки стовпців, <tbody> — основні дані, а <tfoot> — підсумкові рядки.

Використання цих елементів дозволяє браузерам краще розуміти структуру таблиці, що може бути корисно для прокручування довгих таблиць (заголовок і підсумок можуть залишатися видимими) та для друку (заголовок і підсумок можуть повторюватися на кожній сторінці).

У таблиці може бути декілька елементів <tbody>, що дозволяє розділяти дані на логічні групи. Однак, <thead> та <tfoot> можуть бути лише по одному.

Тег tbody приклад використання в HTML

Синтаксис

HTML
<table>
  <thead>...</thead>
  <tbody>...</tbody>
  <tfoot>...</tfoot>
</table>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту

Немає.

Дозволений вміст

Нуль або більше елементів <tr>.

Пропуск тегів

Початковий тег може бути пропущений, якщо перший дочірній елемент є <tr> і за елементом не слідує інший <tbody>, <tfoot>, або якщо немає більше даних у батьківському елементі. Кінцевий тег може бути пропущений, якщо за ним не слідує інший <tbody> або <tfoot>, або якщо батьківський елемент більше не має вмісту.

Дозволені батьківські елементи

Елемент <table>. Він має слідувати за <caption>, <colgroup>, та <thead>.

Роль ARIA

rowgroup

DOM інтерфейс

HTMLTableSectionElement

Приклади використання

Результат
<table>
  <thead>
    <tr>
      <th>Ім’я</th>
      <th>Вік</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Іван</td>
      <td>25</td>
    </tr>
    <tr>
      <td>Марія</td>
      <td>30</td>
    </tr>
  </tbody>
</table>

Стилі за замовчуванням

CSS
tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

Підтримка браузерів

<tbody>
align
bgcolor
char
charoff
valign

Останнє оновлення: