Есть ли какое-либо конкретное преимущество/использование использования HTML5 <figure> над <img>?
Я думаю, что <figure> бесполезен без <figurecaption>, не так ли?
Будет полезно, если объясните с примером.
Каково использование рисунка HTML5 с img
Ответ 1
Изображения не привязаны к тексту на странице HTML, изображения связаны с HTML-страницами. Тег <img> создает пространство для хранения ссылочного изображения.
Пока содержимое элемента <figure> связано с основным потоком, его положение не зависит от основного потока, и если оно удалено, оно не должно влиять на поток документа
Элемент img представляет изображение. и Элемент рисунка представляет собой единицу контента, необязательно с надписью, которая является автономной, на которую обычно ссылаются как единое целое из основного потока документа и которое может быть удалено от основного потока документа, не затрагивая значение документов.
Ответ 2
Тег предоставляет контейнер для контента, который эквивалентно рисунку или диаграмме в книге. Он может использоваться для группировать заголовок с одним или несколькими изображениями, блок кода или другой содержание.
Другими словами, мы можем работать более свободно, реалистично с изображениями, диаграммами, позволяя группировать их и заголовок один или изображения с одной подписью.
Ответ 3
HTML5 figure используется всякий раз, когда вы используете тег img, video с caption (figcaption) на нем
Если у вас есть ряд связанных изображений (или другого содержимого) с текстом подписи, вы можете использовать вложенные фигурные элементы для связывания заголовка группы и отдельной надписи с каждым элементом с помощью элемента figcaption.
<figure role="group">
<img src="castle-etching.jpg" alt="The castle has one tower, and a tall wall around it.">
<figcaption>Charcoal on wood. Anonymous, circa 1423.</figcaption>
</figure>