Пример
Использовать элемент figure, чтобы сделать пометки на фото в документе, и элемент figcaption, чтобы определить подпись для фото:
figure
img src="pic_trulli.jpg" alt="Трулли"
style="width:100%"
figcaptionРис.1 - Трулли, Апулия, Италия/figcaption
/figure
Попробуйте сами »
Определение и использование figcaption
Тег figcaption определяет заголовок для элемента figure.
Тег figcaption может быть помещен как первый или последний дочерний элемент figure.
Поддержка браузеров figcaption
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данный элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| figcaption | 8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
Глобальные атрибуты figcaption
Тег figcaption также поддерживает Глобальные атрибуты в HTML.
События атрибутов figcaption
Тег figcaption также поддерживает События атрибутов в HTML.
Еще примеры figcaption
Пример
Используйте CSS для стилизации figure и figcaption:
html
head
style
figure {
border: 1px #cccccc solid;
padding: 4px;
margin: auto;
}
figcaption {
background-color: black;
color: white;
font-style:
italic;
padding: 2px;
text-align: center;
}
/style
/head
body
figure
img src="pic_trulli.jpg" alt="Трулли" style="width:100%"
figcaptionРис.1 - Трулли, Апулия, Италия/figcaption
/figure
/body
/html
Попробуйте сами »
Связные страницы figcaption
HTML DOM справочник: Объект figcaption
Настройки CSS по умолчанию figcaption
Большинство браузеров будут отображать элемент figcaption со следующими значениями по умолчанию:
figcaption {
display: block;
}