Тег <figure> является одним из элементов языка разметки HTML и используется для группировки связанных элементов, таких как изображения, диаграммы, аудио или видео, а также их подписей. Этот тег позволяет явно указать, что определенные элементы представляют собой визуально связанное целое.
Структура тега <figure> обычно выглядит следующим образом:
<figure> <!-- Содержимое, такое как изображения, видео и т.д. --> <figcaption>Подпись для элементов внутри тега figure</figcaption> </figure>
Основной роль тега <figure> состоит в создании контейнера для связанных элементов, которые могут быть удобно стилизованы, а также для добавления подписей для этих элементов с помощью тега <figcaption>. Подпись (figcaption) обычно отображается рядом или под содержимым тега <figure>, и является описанием или заголовком для группы элементов внутри <figure>.
Пример использования тега <figure> с изображением и подписью:
<figure> <img src="image.jpg" alt="Изображение"> <figcaption>Пример изображения</figcaption> </figure>
Такой код создаст контейнер с изображением и подписью, которые будут логически связаны и могут быть стилизованы или оформлены с использованием CSS.