САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <tbody>


Пример

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

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>
Попробуйте сами »

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

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

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

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

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


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

Элемент
<tbody> Yes Yes Yes Yes Yes

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

Примечание: Элемент <tbody> должен содержать один или несколько тегов <tr> внутри.
Совет: Элементы <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>

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

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


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

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


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

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

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