<caption>: The Table Caption element

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

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

align

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

left

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

top

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

right

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

bottom

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

Примечание: Не используйте этот атрибут, так как он устарел. Элемент <caption> должен быть стилизован с использованием свойств CSS caption-side (en-US) иtext-align.

Когда элемент <table> (en-US), содержащий <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> (en-US), <table> (en-US), <tbody> (en-US), <td>, <tfoot>, <th> (en-US), <thead> (en-US), <tr> (en-US);
• CSS-свойства, которые могут быть применены для стилизации элемента <caption>:
  • text-align, caption-side (en-US).