Что такое теги `<figure>` и `<figcaption>`?

Ключевая идея

<figure> — семантический контейнер для самодостаточной иллюстрации (изображение, схема, код, цитата), а <figcaption> — подпись к ней.

Пример

<figure>
  <img src="chart.png" alt="Рост продаж по кварталам">
  <figcaption>Рисунок 1. Динамика продаж за 2025 год</figcaption>
</figure>

Подпись может стоять первым или последним дочерним элементом figure. Один figure — одна логическая единица контента, которую можно вынести из основного потока без потери смысла.

Итог

Используйте figure/figcaption вместо «голого» img + div, когда нужна осмысленная подпись и семантика для a11y/SEO.