/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