<figure>
Самостоятельная иллюстрация — картинка, схема, код или цитата — с подписью `<figcaption>`.
Синтаксис
<figure><img …><figcaption>Caption</figcaption></figure>Примеры
Фото с подписью:
<figure>
<img src="/media/photo-400x250.jpg" alt="A cup of latte on a table" width="300">
<figcaption>Our signature latte.</figcaption>
</figure>Цитата с автором:
<figure>
<blockquote>Coffee is a language in itself.</blockquote>
<figcaption>— Jackie Chan</figcaption>
</figure>Примечания
<figcaption> ставят первым или последним элементом внутри <figure>. У <figure> по умолчанию есть боковые отступы margin: 16px 40px — их часто обнуляют.
См. также
- <img> — Картинка.
- <blockquote> — Длинная цитата отдельным блоком.
- <picture> — Контейнер для нескольких вариантов картинки: браузер выбирает подходящий `<source>` или берёт `<img>`.
Вопросы и ответы по теме
В учебнике
- Изображения — Тег img, атрибуты src и alt, размеры, подпись figure и figcaption, форматы картинок и отложенная загрузка.