САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ

HTML Тег <tbody> тело таблицы



Таблица HTML с элементами <thead>, <tfoot>, и <tbody>:

Пример

<table>
  <thead>
  <tr>
     <th>Месяц</th>
     <th>Сбережения</th>
  </tr>
  </thead>
  <tfoot>
  <tr>
      <td>Сумма</td>
      <td>$180</td>
  </tr>
  </tfoot>
  <tbody>
  <tr>
     <td>Январь</td>
     <td>$100</td>
  </tr>
  <tr>
      <td>Февраль</td>
      <td>$80</td>
  </tr>
  </tbody>
</table>
Попробуйте сами »

Определение и использование

Tег <tbody> используется для группировки содержимого тела в таблице HTML.

Tег <tbody> использован совместно с элементами <thead> и <tfoot> для указания каждой части таблицы (тело, шапка, подвал).

Браузеры могут использовать эти элементы для прокрутки тела таблицы независимо от верхнего и нижнего колонтитулов. Кроме того, при печати большой таблицы, которая охватывает несколько страниц, эти элементы могут позволить печатать верхний и нижний колонтитулы таблицы в верхней и нижней части каждой страницы.

Tег <tbody> должен использоваться в следующем контексте: Элемент <table> ребенок, после элементов <caption>, <colgroup>, и <thead>.


Поддержка браузеров

Элемент
<tbody> Да Да Да Да Да

Советы и примечания

Примечание: Tег <tbody> должен иметь один или несколько тегов <tr> внутри.

Совет: Tеги <thead>, <tbody> и <tfoot> по умолчанию не влияют на компоновку таблицы. Однако для стилизации этих элементов можно использовать CSS.


Различия между HTML 4.01 и HTML5

Ни один из атрибутов HTML 4.01 не поддерживается в HTML5.


Атрибуты

Атрибут Значение Описание
align right
left
center
justify
char
Не поддерживается в HTML5.
Выравнивает содержимое внутри элемента <tbody>
char character Не поддерживается в HTML5.
Выравнивает содержимое внутри элемента <tbody> по символу
charoff number Не поддерживается в HTML5.
Задает количество символов содержимое внутри элемента <tbody> будет выровнено по символу, указанному в атрибуте char
valign top
middle
bottom
baseline
Не поддерживается в HTML5.
Выравнивание по вертикали содержимого внутри элемента <tbody>

Глобальные атрибуты

Tег <tbody> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Tег <tbody> также поддерживает Атрибуты событий в HTML.


Настройки CSS по умолчанию

Большинство браузеров отображает элемент <tbody> со следующими значениями по умолчанию:

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