/html/th:> Ячейка заголовка таблицы_
Элемент th
Синтаксис
(X)HTML
<table> ... <tr> ... <th> ... </th> ... </tr> ... </table>
Описание
Элемент th
(от англ. "table header" ‒ «заголовок таблицы») создаёт ячейку шапки таблицы. Данный элемент может располагаться только внутри элемента tr
, а в сам элемент th
можно вкладывать всё, что может располагаться в теле документа, например текст, различные объекты, изображения, формы, а так же другие таблицы.
Примечание
Текст, вкладываемый в данный элемент, по умолчанию выравнивается по центру ячейки и выделяется 'полужирным шрифтом'.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | Tables |
4.01 | 11.2.6 Table cells: The TH and TD elements DTD: Transitional
Strict
Frameset
|
5.0 | 4.9.10 The th element |
5.1 | 4.9.10. The th element |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- abbr
- Указывает краткое содержание ячейки.
- align
- Задаёт горизонтальное выравнивание.
- axis
- Группирует ячейки.
- bgcolor
- Задаёт цвет фона.
- char
- Указывает символ по которому выравнивается содержимое ячейки.
- charoff
- Задаёт количество символов на которое необходимо сместить содержимое ячейки.
- colspan
- Указывает количество объединяемых/присоединяемых ячеек строки таблицы.
- headers
- Связывает ячейку с заголовком.
- height
- Задаёт высоту ячейки.
- nowrap
- Отключает автоматический перенос текста.
- rowspan
- Указывает количество объединяемых/присоединяемых ячеек столбца таблицы.
- scope
- Указывает группу ячеек данных, для которых текущая ячейка выступает в качестве заголовка.
- sorted
- Направление и порядок сортировки столбца.
- valign
- Задаёт вертикальное выравнивание.
- width
- Указывает ширину ячейки.
- Глобальные атрибуты
- 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>Элемент th</title>
</head>
<body>
<h1>Пример использования элемента "th"</h1>
<table border="1">
<caption>Акции OOO "Корпорация"</caption>
<thead>
<tr> <th>Январь</th> <th>Февраль</th> <th>Март</th> <th>Апрель</th> <th>Май</th> <th>Июнь</th> </tr>
</thead>
<tfoot>
<tr> <td colspan="6">Табл. 1. Показатели динамики стоимости акций компании за период с января по июнь (в %).</td> </tr>
</tfoot>
<tbody>
<tr> <td>+1,45</td> <td>+0,78</td> <td>-0,15</td> <td>-0,01</td> <td>+0,9</td> <td>+1,12</td> </tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент th</title>
</head>
<body>
<h1>Пример использования элемента "th"</h1>
<table border="1">
<caption>Акции OOO "Корпорация"</caption>
<thead>
<tr> <th>Январь</th> <th>Февраль</th> <th>Март</th> <th>Апрель</th> <th>Май</th> <th>Июнь</th> </tr>
</thead>
<tfoot>
<tr> <td colspan="6">Табл. 1. Показатели динамики стоимости акций компании за период с января по июнь (в %).</td> </tr>
</tfoot>
<tbody>
<tr> <td>+1,45</td> <td>+0,78</td> <td>-0,15</td> <td>-0,01</td> <td>+0,9</td> <td>+1,12</td> </tr>
</tbody>
</table>
</body>
</html>
Элемент th