Сколько изображений можно помещать в figure?

Question

[Сергей Ракипов]

И какое количество можно использовать figcaption и в какой последовательности.

Comments

[Сергей delphinpro]

одно

Answer 1

[Вадим]

Изображений - сколько угодно.
Спецификация: https://html.spec.whatwg.org/multipage/grouping-co...
Пример из спецификации:

<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>

Если группировать figure во вложенные figure, то и figcaption тоже может быть много(по одной на каждый figure).
Пример из спецификации:

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

Comments

[Сергей Ракипов]

А что группировать можно figure в figure
??

[Вадим]

Сергей Ракипов, Ну Вы же видите пример из официального документа.

[Вадим]

Сергей Ракипов,
Вот Вам даже скрин из w3c валидатора.

[Сергей Ракипов]

Вадим, Понял, спасибо, а вопрос в догонку, а по какому принципу вы используете figure

[Вадим]

Сергей Ракипов, По принципу, описанному в спецификации.

Элемент figure представляет некоторое содержимое потока, необязательно с заголовком, которое является самодостаточным (например, полное предложение) и обычно упоминается как единый блок из основного потока документа.

А на деле - почти никогда не использую. Так как не вижу подходящих случаев в дизайн-макетах, которые мне дают. Но можно, скажем, использовать в качестве слайдов внутри слайдера.