<caption>: The Table Caption element

HTML элемент заголовка таблицы (<caption>) определяет название (заголовок) таблицы. Если этот элемент используется, он всегда должен быть первым вложенным элементом тэга <table>. Внешний вид и расположение заголовка по отношению к самой таблице может быть изменено с помощью стилей CSS caption-side and text-align.

Атрибуты

Этот элемент включает глобальные атрибуты.

Устаревшие атрибуты

Следующие атрибуты устаревшие и не должны использоваться. Они описаны ниже для справки при обновлении кода и для общего сведения.

align

Этот пронумерованный атрибут указывает как заголовок должен быть выравнен по отношению к таблице. Он может иметь одно или несколько следующих значений :

left

Заголовок отображается слева от таблицы.

top

Заголовок отображается над таблицей.

right

Заголовок отображается справа от таблицы.

bottom

Заголовок отображается под таблицей.

Примечания по использованию

Когда элемент <table>, содержащий <caption> является единственным потомком элемента <figure>, вам следует использовать элемент <figcaption> вместо <caption>.

Пример

Просто пример, представляющий таблицу, которая содержит заголовок.

<table>
 <caption>
 Example Caption
 </caption>
 <tr>
 <th>Login</th>
 <th>Email</th>
 </tr>
 <tr>
 <td>user1</td>
 <td>user1@sample.com</td>
 </tr>
 <tr>
 <td>user2</td>
 <td>user2@sample.com</td>
 </tr>
</table>

caption {
 caption-side: top;
 align: right;
}
table {
 border-collapse: collapse;
 border-spacing: 0px;
}
table,
th,
td {
 border: 1px solid black;
}

Спецификации

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

Смотрите также

• Другие связанные с таблицей HTML-элементы: <col>, <colgroup>, <table>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr>;
• CSS-свойства, которые могут быть применены для стилизации элемента <caption>:
  • text-align, caption-side.