/html/caption:> Колонтитул таблицы_
Элемент caption
Синтаксис
(X)HTML
<table> <caption> ... </caption> <thead> ... </thead> <tbody> ... </tbody> </table>
Описание
Элемент caption (от англ. "caption" ‒ «подпись, надпись») создаёт колонтитул таблицы (поясняющая надпись, заголовок). По умолчанию созданный колонтитул располагается над таблицей.
Примечание
По умолчанию текст вложенный в данный элемент выравнивается по центу. (Выравнивание можно изменить с помощью CSS свойств : «text-align» или «caption-side».)
Условия использования
Элемент caption должен быть вложен в элемент table (сразу после открывающего тега «<table>») и быть единственными в таблице.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | Tables |
| 4.01 | 11.2.2 Table Captions: The CAPTION element DTD: Transitional
Strict
Frameset
|
| 5.0 | 4.9.2 The caption element |
| 5.1 | 4.9.2. The caption element |
| XHTML | |
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
| 1.1 | Extensible HyperText Markup Language |
Атрибуты
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент caption</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример с элементом "caption"</h1>
<table class="tabl">
<caption> Заголовок таблицы </caption>
<tbody>
<tr>
<td> 1 ячейка </td><td> 2 ячейка </td><td> ...n ячейка </td>
</tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент caption</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример с элементом "caption"</h1>
<table class="tabl">
<caption> Заголовок таблицы </caption>
<tbody>
<tr>
<td> 1 ячейка </td><td> 2 ячейка </td><td> ...n ячейка </td>
</tr>
</tbody>
</table>
</body>
</html>
Элемент caption