/html/tbody:> Тело таблицы_
Элемент tbody
Синтаксис
(X)HTML
<table> ... <tbody> ... <tr> ... </tr> ... </tbody> ... </table>
Описание
Элемент tbody
(от англ. "table body" ‒ «тело таблицы») группирует строки таблицы в один табличный блок. Подобных блоков в таблице может быть несколько, например, в таблицах, создаваемых под кроссворд или судоку. Внутри данного элемента должно быть вложено не менее одного элемента строки таблицы. При этом сам tbody
должен быть вложен в элемент таблицы и располагаться после следующих элементов: заголовок (верхний колонтитул) таблицы, параметры группы столбцов, параметры (контейнер) групп столбцов, шапка таблицы, поясняющая надпись (нижний колонтитул).
Примечание
Необходимо учитывать, что невозможно объединить две соседние ячейки таблицы вложенные в разные элементы tbody
.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 11.2.3 Row groups: the THEAD, TFOOT, and TBODY elements DTD: Transitional
Strict
Frameset
|
5.0 | 4.9.5 The tbody element |
5.1 | 4.9.5. The tbody element |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- align
- Задаёт выравнивание содержимого вложенных элементов.
- char
- Указывает символ по которому выравнивается содержимое ячеек.
- charoff
- Задаёт количество символов на которое необходимо сместить содержимое ячеек.
- valign
- Задаёт вертикальное выравнивание содержиого ячеек.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент tbody</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования элемента "tbody"</h1>
<h2>Судоку</h2>
<table>
<colgroup> <col><col><col> </colgroup>
<colgroup> <col><col><col> </colgroup>
<colgroup> <col><col><col> </colgroup>
<tbody>
<tr> <td>1</td> <td></td> <td>3</td> <td>6</td> <td></td> <td>4</td> <td>7</td> <td></td> <td>9</td> </tr>
<tr> <td></td> <td>2</td> <td></td> <td></td> <td>9</td> <td></td> <td></td> <td>1</td> <td></td> </tr>
<tr> <td>7</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td>6</td> </tr>
</tbody>
<tbody>
<tr> <td>2</td> <td></td> <td>4</td> <td></td> <td>3</td> <td></td> <td>9</td> <td></td> <td>8</td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td>5</td> <td></td> <td></td> <td>9</td> <td></td> <td>7</td> <td></td> <td></td> <td>1</td> </tr>
</tbody>
<tbody>
<tr> <td>6</td> <td></td> <td></td> <td></td> <td>5</td> <td></td> <td></td> <td></td> <td>2</td> </tr>
<tr> <td> </td> <td></td> <td></td> <td></td> <td>7</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td>9</td> <td></td> <td></td> <td>8</td> <td></td> <td>2</td> <td></td> <td></td> <td>5</td> </tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент tbody</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования элемента "tbody"</h1>
<h2>Судоку</h2>
<table>
<colgroup> <col><col><col> </colgroup>
<colgroup> <col><col><col> </colgroup>
<colgroup> <col><col><col> </colgroup>
<tbody>
<tr> <td>1</td> <td></td> <td>3</td> <td>6</td> <td></td> <td>4</td> <td>7</td> <td></td> <td>9</td> </tr>
<tr> <td></td> <td>2</td> <td></td> <td></td> <td>9</td> <td></td> <td></td> <td>1</td> <td></td> </tr>
<tr> <td>7</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td>6</td> </tr>
</tbody>
<tbody>
<tr> <td>2</td> <td></td> <td>4</td> <td></td> <td>3</td> <td></td> <td>9</td> <td></td> <td>8</td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td>5</td> <td></td> <td></td> <td>9</td> <td></td> <td>7</td> <td></td> <td></td> <td>1</td> </tr>
</tbody>
<tbody>
<tr> <td>6</td> <td></td> <td></td> <td></td> <td>5</td> <td></td> <td></td> <td></td> <td>2</td> </tr>
<tr> <td> </td> <td></td> <td></td> <td></td> <td>7</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td>9</td> <td></td> <td></td> <td>8</td> <td></td> <td>2</td> <td></td> <td></td> <td>5</td> </tr>
</tbody>
</table>
</body>
</html>
Элемент tbody