HTML-тег <figcaption>

Характеристики

• Тип: блочный, статичный, семантический
• Назначение: Предоставляет подпись или описание для родительского элемента <figure>.
• Родители: Элемент <figure>.
• Потомки: Текст и любые строчные HTML-теги.
• Глобальные атрибуты: все
• Атрибуты событий: все

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

<figure>
  <img src="image.jpg" alt="Описание изображения">
  <figcaption id="myFigcaption">Подпись к изображению</figcaption>
</figure>

Использование в JavaScript

// Получение элемента по ID
const figcaption = document.getElementById('myFigcaption');

// Изменение текста
figcaption.innerHTML = 'Новая подпись';

// Добавление класса
figcaption.classList.add('caption');

Рекомендации по обеспечению доступности (a11y)

• Используйте <figcaption> внутри <figure> для предоставления описания или подписи к содержимому.
• Располагается либо первым, либо последним дочерним элементом <figure>.

Полезные ссылки