Иллюстрации и подписи

`<figure>`

Зачастую изображения сопровождаются подписями.

В спецификации HTML5 есть элемент <figure>, объединяющий изображение и подпись к нему, таким образом текст и рисунок оказываются связанными друг с другом.

В один элемент <figure> можно включить несколько изображений, в случае если для них используется одна подпись.

Код

<figure>
    <img src="images/otters.jpg" 
        alt="Фотография двух выдр, держащихся за лапки">
        <img />
    <br />
        <figcaption>Во время сна выдры держат друг
        друга за лапки, чтобы их не разнесло
        течением.</figcaption>
</figure>

`<figcaption>`

Элемент <figcaption> был включен в язык HTML5, чтобы позволить веб-дизайнерам добавлять подписи к публикуемым изображениям.

До введения этих двух элементов связать изображение <img> с текстом было невозможно.