Тег <caption>
Синтаксис
<caption>...</caption>
Описание
Тег <caption> (от англ. caption — заголовок) предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <table>, причём сразу после открывающего тега. Такой заголовок представляет собой текст, по умолчанию отображаемый перед таблицей и описывающий её содержание.
Примечание!
Можно указать только один заголовок для каждой таблицы.
Атрибуты, которые можно использовать в теге <caption>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
| Атрибут | Значение | Описание |
| align | left right top bottom |
Определяет выравнивание заголовка. |
Пример
HTML-код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Тег caption</title>
</head>
<body>
<table>
<caption>Мои друзья</caption>
<tr>
<th>Номер</th>
<th>Имя</th>
<th>Возраст</th>
</tr>
<tr>
<td>1</td>
<td>Илья</td>
<td>73</td>
</tr>
<tr>
<td>2</td>
<td>Лера</td>
<td>18</td>
</tr>
<tr>
<td>3</td>
<td>Валера</td>
<td>66</td>
</tr>
</table>
</body>
</html>
Отображение в браузере:
| Номер | Имя | Возраст |
|---|---|---|
| 1 | Илья | 73 |
| 2 | Лера | 18 |
| 3 | Валера | 66 |
Параметры CSS по умолчанию
caption {
display: table-caption;
text-align: center;
}
Поддержка браузера
|
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| <caption> | Да | Да | Да | Да | Да |
