Как семантически правильно сверстать картинку с подписью?

Для правильной семантической верстки картинки с подписью рекомендуется использовать HTML-элемент <figure> для обрамления изображения и подписи, а также <figcaption> для самой подписи. Это улучшает доступность и позволяет поисковым системам и assistive technology лучше понимать содержимое.

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