Movatterモバイル変換


[0]ホーム

URL:


  1. Веб-технологии для разработчиков
  2. HTML
  3. Справка по HTML
  4. Элемент
  5. <caption>

This page was translated from English by the community.Learn more and join the MDN Web Docs community.

View in EnglishAlways switch to English

<caption>: The Table Caption element

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨июль 2015 г.⁩.

* Some parts of this feature may have varying levels of support.

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

Категории контентаНет
Допустимое содержимоеПотоковый контент.
Пропуск теговКонечный тег может быть пропущен, если элемент не следует сразу за ASCII пробелом или комментарием.
Допустимые родителиЭлемент<table> как его первый потомок
Допустимые ARIA-ролиНет
DOM-интерфейсHTMLTableCaptionElement

Атрибуты

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

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

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

align

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

left

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

top

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

right

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

bottom

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

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

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

Пример

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

html
<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;}

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

Specification
HTML
# the-caption-element

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

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

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp