HTML тег <figcaption>

Элемент <figcaption> (от англ. "figure caption" ‒ «подпись к фигуре») определяет заголовок или подпись, связанные с контентом, размещенным в элементе <figure>, который является его непосредственным родительским элементом. Он должен располагаться в качестве первого или последнего дочернего элемента внутри <figure>.

Тег <figure> применяется для обозначения контента, иллюстрирующего или поддерживающего определенную идею текста. Тег <figure> может содержать изображение, видеоролик, схему, фрагмент кода, диаграмму, таблицу — почти все, что может встретиться в потоке веб-контента и должно восприниматься как автономная единица.

Примечание: Элемент <figcaption> является необязательным, если он не указан, то контент элемента <figure> просто не будет иметь заголовка или подписи.

Синтаксис

<figure>
  <figcaption> ... </figcaption>
  ...
</figure>

Закрывающий тег

Обязателен.

Атрибуты

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <figcaption> со следующими значениями CSS по умолчанию:

figcaption { 
    display: block;
}

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

Тег <figcaption> является новым в HTML5.

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

Элемент <figcaption>

Используем элемент <figcaption> для разметки фотографии с подписью:

Пример HTML:

Попробуй сам
<figure>
  <img src="ship320.jpg" alt="Корабль" width="320" height="180">
  <figcaption>Рис1. - Прогулочный корабль.</figcaption>
</figure>

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

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами



Contema