Руководство по HTML

Полный список элементов HTML

HTML: тег <caption>

Элемент HTML <caption> определяет заголовок таблицы в документе HTML. Традиционно, браузеры рендерят текст, найденный в теге <caption> вверху таблицы, но вы можете изменить это поведение с помощью свойства caption-side CSS. Этот тег также часто называется элементом <caption>.

Элемент HTML <caption> (или элемент заголовка таблицы HTML) показывает заголовок таблицы, он часто出现在 в качестве первого подэлемента <table>, и отображается перед содержимым таблицы, но, он также может быть стилизован с помощью CSS, поэтому, он может出现在 в любом месте относительно таблицы.

Онлайн пример

Таблица с заголовком caption:

Пример

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Сайт основного руководства (oldtoolbag.com)</title>　
</head>
<body>
<table>
　　<caption>Эта надпись является заголовком таблицы</caption>
　　<tr>
　　　　<th>Заголовок столбца 1</th>
　　　　<th>Заголовок столбца 2</th>
　　　　<th>Заголовок столбца 3</th>
　　</tr>
　　<tr>
　　　　<td>Данные в столбце 1, строке 2</td>
　　　　<td>Данные в столбце 2, строке 2</td>
　　　　<td>Данные в столбце 3, строке 2</td>
　　</tr>
　　<tr>
　　　　<td>Данные в столбце 1, строке 3</td>
　　　　<td>Данные в столбце 2, строке 3</td>
　　　　<td>Данные в столбце 3, строке 3</td>
　　</tr>
　　<tr>
　　　　<td>Данные в столбце 1, строке 4</td>
　　　　<td>Данные в столбце 2, строке 4</td>
　　　　<td>Данные в столбце 3, строке 4</td>
　　</tr>
</table>
</body>
</html>

Проверьте, посмотрите ›/‹

В этом примере документа HTML5 мы создали таблицу с помощью тега <table>. Первый тег в <table> - это <caption>. Затем таблица имеет 3 столбца и 4 строки. Первая строка таблицы определена с помощью первого тега <tr>. Она содержит 3 заголовка ячеек, определённых с помощью тега <th>. Вторые по четвёртые строки таблицы определены с помощью тега <td> как стандартные ячейки таблицы.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <caption>.

Определение и инструкции по использованию тега

Элемент <caption> HTML расположен внутри тега <body>.
Тег <caption> является первым тегом,出现的 после тега <table>.

Тег <table> состоит из тегов <tr>, <th> и <td>.

Большинство браузеров будут отображать тег <caption> над таблицей, но вы можете изменить это поведение с помощью свойства caption-side CSS.

Тег <caption> определяет заголовок таблицы.

Тег <caption> должен быть напрямую размещен после тега <table>.

Внимание: В каждой таблице можно指定 только один заголовок.

Совет: По умолчанию, таблица заголовка будет выравниваться по центру над таблицей. Однако, свойства CSS text-align и caption-side могут быть использованы для выравнивания и размещения заголовка.

Различия между HTML 4.01 и HTML5

Свойство align было удалено из HTML5.

Свойство

Свойство	Значение	Описание
align	left right top bottom	HTML5 не поддерживает. HTML 4.01 уже устарел. 　　Определяет способ выравнивания заголовка. Это может быть одним из следующих значений: left - означает, что заголовок出现在 таблице top - означает, что заголовок出现在 таблице right - означает, что заголовок出现在 таблице bottom - означает, что заголовок出现在 снизу таблицы

Глобальные свойства

Поддержка тега <caption> Глобальные свойства HTML.

Событийные свойства

Поддержка тега <caption> Событийные свойства HTML.

HTML: тег <center>HTML: тег <canvas>