Что такое 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>
