Последние учебники веб-разработки
 

HTML <tbody> Tag


пример

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

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

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

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

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

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

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


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

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

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

Примечание: <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;
}