Тег <caption>

Название таблицы
  • Категории: Отсутствует
  • Контекст:

    Как первый дочерний элемент блока <table>.

  • Модель:

    Потоковое содержимое, но без элементов таблицы.

Тег <caption> (от англ. "caption" - подпись, заголовок) позволяет указать название или описание таблицы. В случае использования он должен находиться в самом начале контейнера <table>. По умолчанию название выводится сверху таблицы, но это поведение можно изменить через CSS-свойство caption-side:

  • top - название выводится над таблицей (по умолчанию)
  • bottom - название выводится под таблицей

Название таблицы может содержать не только текст, но и любые потоковые данные, за исключением элементов таблицы.

Атрибуты

  • Глобальные атрибуты

  • Название таблицы

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

  • Название внутри figure

    Если элемент <table> является единственным содержимым внутри <figure>, то вместо <caption> таблицы лучше использовать <figcaption> фигуры:

  • Описание таблицы

    В качестве содержимого элемента <caption> можно указывать и более длинное описание табличных данных. Особенно, если их предназначение не понятно из контекста самой таблицы:

Поделитесь данной записью с друзьями