Тег <tbody>
Описание
Тег <tbody> (table body) определяет основное содержимое таблицы, группируя набор строк (<tr>) с данными. Это семантический контейнер, который вместе с <thead> и <tfoot> структурирует табличные данные.
<table>
<thead>
<tr><th>Заголовок</th></tr>
</thead>
<tbody>
<tr><td>Данные 1</td></tr>
<tr><td>Данные 2</td></tr>
</tbody>
</table>
Ключевые особенности:
- Группирует основные данные таблицы между
<thead>и<tfoot> - Может быть несколько
<tbody>в одной таблице для логического разделения - Не обязателен, но рекомендуется для семантической целостности
- По умолчанию не влияет на отображение (стилизуется через CSS)
- Улучшает доступность таблиц для скринридеров
<table>
<thead>
<tr>
<th>Товар</th>
<th>Цена</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ноутбук</td>
<td>50 000 ₽</td>
</tr>
<tr>
<td>Смартфон</td>
<td>25 000 ₽</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Наушники</td>
<td>5 000 ₽</td>
</tr>
<tr>
<td>Чехол</td>
<td>1 500 ₽</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Итого:</td>
<td>81 500 ₽</td>
</tr>
</tfoot>
</table>
Рекомендации по использованию:
- Всегда используйте
<tbody>для семантической разметки таблиц - Группируйте связанные строки в отдельные
<tbody> - Сочетайте с
<thead>и<tfoot>для полной структуры - Для динамических таблиц добавляйте/удаляйте строки внутри
<tbody> - Используйте ARIA-атрибуты для сложных таблиц
Тег <tbody> является важным структурным элементом таблиц, обеспечивающим логическую организацию данных и улучшающим доступность контента.
Атрибуты
| align | Горизонтальное выравнивание содержимого |
| char | Символ для выравнивания |
| charoff | Смещение выравнивания |
| valign | Вертикальное выравнивание содержимого |
| class | CSS-классы для стилизации |
| data-* | Пользовательские данные |
| dir | Направление текста |
| hidden | Скрывает элемент |
| id | Уникальный идентификатор |
| lang | Язык содержимого |
| style | Инлайновые стили |
| tabindex | Порядок перехода |
| title | Всплывающая подсказка |
| translate | Определяет возможность перевода |
| role | ARIA-роль |
| aria-* | ARIA-атрибуты |
Поддержка браузерами
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 4.0 | 1.0 | 4.0 | 1.0 | 1.0 |