/html/table:> Таблица_

Элемент table

Синтаксис

(X)HTML
<table>
  <caption> ... </caption>
  <colgroup>
    ...
  </colgroup>
  <thead>
    ...
  </thead>
  <tfoot>
    ...
  </tfoot>
  <tbody> 
    ...
  </tbody>
</table>

Описание

Элемент table (от англ. "table" ‒ «таблица») вставляет таблицу в (X)HTML-документ. Если таблица (без определённых настроек) вставляется в строку с текстом, то такая таблица, а так же текст, идущий после таблицы, переводится на новую строку.

Если при вёрстке страниц используются таблицы в качестве элементов макета документа (так называемая «табличная вёрстка»), то таким таблицам необходимо задавать атрибут «role» со значением «presentation» (role="presentation"), который помогает техническим средствам (например, программам чтения с экрана) правильно распознавать и извлекать (воспроизводить) данные из такой таблицы. Если наоборот необходимо явно указать, что таблица не является частью макета страницы, то такой таблице задают атрибут «border» с пустым значением или со значением «1».

Условия использования

Данный тег-контейнер может содержать следующие элементы таблицы: заголовок (верхний колонтитул), параметры группы столбцов, параметры групп столбцов, шапка, нижний колонтитул (поясняющая надпись), группировки строк таблицы, строка таблицы, ячейка шапки, ячейка таблицы.


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
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, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<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>
Элемент table