Элемент table
Синтаксис
<table> <caption> ... </caption> <colgroup> ... </colgroup> <thead> ... </thead> <tfoot> ... </tfoot> <tbody> ... </tbody> </table>
Описание
Элемент table
(от англ. "table" ‒ «таблица») вставляет таблицу в (X)HTML-документ. Если таблица (без определённых настроек) вставляется в строку с текстом, то такая таблица, а так же текст, идущий после таблицы, переводится на новую строку.
Если при вёрстке страниц используются таблицы в качестве элементов макета документа (так называемая «табличная вёрстка»), то таким таблицам необходимо задавать атрибут «role
» со значением «presentation
» (role="presentation"
), который помогает техническим средствам (например, программам чтения с экрана) правильно распознавать и извлекать (воспроизводить) данные из такой таблицы. Если наоборот необходимо явно указать, что таблица не является частью макета страницы, то такой таблице задают атрибут «border
» с пустым значением или со значением «1
».
Условия использования
Данный тег-контейнер может содержать следующие элементы таблицы: заголовок (верхний колонтитул), параметры группы столбцов, параметры групп столбцов, шапка, нижний колонтитул (поясняющая надпись), группировки строк таблицы, строка таблицы, ячейка шапки, ячейка таблицы.
Поддержка браузерами
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | Tables |
4.01 | 11.2.1 The TABLE element DTD: Transitional
Strict
Frameset
|
5.0 | 4.9.1 The table element |
5.1 | 4.9.1. The table element |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- align
- Устанавливает выравнивание таблицы в документе.
- bgcolor
- Задаёт цвет фона таблицы.
- border
- Устанавливает толщину рамки таблицы.
- cellpadding
- Устанавливает величину отступа от границ ячеек до их содержимого.
- cellspacing
- Устанавливает величину отступа от границ ячеек до границ соседних элементов.
- frame
- Указывает веб-браузеру как необходимо отображать рамку таблицы.
- rules
- Указывает веб-браузеру как необходимо отображать рамки ячеек таблицы.
- sortable
- Предоставление интерфейса для сортировки таблицы.
- summary
- Указывает краткое описание содержимого таблицы.
- width
- Задаёт ширину таблицы.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
<html>
<head>
<meta charset="utf-8">
<title>Элемент table</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования элемента "table"</h1>
<table>
<caption> HTML </caption>
<col style="width: 100px;"><col style="width: 250px;">
<thead><tr> <th>Версия</th> <th>Дата</th> </tr></thead>
<tfoot><tr> <td colspan="2">Табл. 1. Даты выхода различных версий HTML</td> </tr></tfoot>
<tbody>
<tr> <td>2.0</td> <td>22 сентября 1995</td> </tr>
<tr> <td>3.2</td> <td>14 января 1997</td> </tr>
<tr> <td>4.0</td> <td>18 декабря 1997</td> </tr>
<tr> <td>4.01</td> <td>24 декабря 1999</td> </tr>
</tbody>
</table>
</body>
</html>