HTML5-тег для группы миниатюрных изображений

Question

Мне любопытно, какой тег имеет наиболее смысловой смысл для инкапсуляции группы миниатюрных изображений?Имеет ли смысл использовать тег <figure> (при чтении спецификации html5 не понятно)?Или придерживайтесь <div>, или это считается его собственным <section>?

Обычно я, вероятно, использовал бы div, чтобы разделить его, но пытаясь использовать семантическую структуру html5, я надеялсяможет быть, есть тег, который лучше подходит для такого рода контента.

Мысли?Предложения?Все приветствуются.Спасибо!

Answer 1

С семантической точки зрения использование <figure>, вероятно, лучше всего подходит.Если вы отметите спецификацию HTML5 , вы увидите, что вполне допустимо включить серию изображений в одну декларацию <figure>.

Пример:

<figure>
 <img src="castle1423.jpeg" title="Etching. Anonymous, ca. 1423."
      alt="The castle has one tower, and a tall wall around it.">
 <img src="castle1858.jpeg" title="Oil-based paint on canvas. Maria Towle, 1858."
      alt="The castle now has two towers and two walls.">
 <img src="castle1999.jpeg" title="Film photograph. Peter Jankle, 1999."
      alt="The castle lies in ruins, the original tower all that remains in one piece.">
 <figcaption>The castle through the ages: 1423, 1858, and 1999 respectively.</figcaption>
</figure>

Существует также аналогичный пример , показанный на HTML5Doctor.com , где несколько изображений (которые также могут быть миниатюрами) перечислены как дочерние элементы одного <figure> элемента.