FIGURE (тег в HTML)
Что такое figure в html:
Используется для вставки на страницу изображений, видео, аудио и другого медиаконтента, а также добавления подписей и описания к этому контенту.Как прописать figure в html:
<figure><img src="path/to/image.jpg" alt="Описание изображения">
<figcaption>Подпись к изображению</figcaption>
</figure>
Примеры использования
Показ изображения с подписью:<figure>
<img src="path/to/image.jpg" alt="Описание изображения">
<figcaption>Подпись к изображению</figcaption>
</figure>
Вставка видео с описанием:
<figure>
<video src="path/to/video.mp4" controls></video>
<figcaption>Подпись к видео</figcaption>
</figure>
Отображение графиков и диаграмм:
<figure>
<svg>
...
</svg>
<figcaption>Подпись к графику/диаграмме</figcaption>
</figure>
Показ кода с пояснением:
<figure>
<pre>
<code>
// Код на языке JavaScript
function sayHello() {
console.log("Hello, World!");
}
</code>
</pre>
<figcaption>Код на JavaScript</figcaption>
</figure>
Группировка картинок в галерею:
<figure>
<img src="path/to/image1.jpg" alt="Описание изображения 1">
<figcaption>Подпись к изображению 1</figcaption>
</figure>
<figure>
<img src="path/to/image2.jpg" alt="Описание изображения 2">
<figcaption>Подпись к изображению 2</figcaption>
</figure>
