HTML Тег <figcaption>
Приклад
Використовуйте елемент <figure> для позначення фотографії (картинки) в документі та елемент <figcaption> для визначення підпису до фотографії:
<figure>
<img src="../images/pic_trulli.jpg" alt="Trulli" style="width:100%">
<figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>
Спробуйте самі »
Більше прикладів "Спробуйте самі" далі.
Визначення та використання
Тег <figcaption> визначає заголовок для елемента <figure>.
Елемент <figcaption> можна розмістити як перший або останній дочірній елемент елемента <figure>.
Підтримка браузерами
Числа в таблиці вказують на першу версію браузера, яка повністю підтримує елемент.
| Елемент | |||||
|---|---|---|---|---|---|
| <figcaption> | 8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
Глобальні атрибути
Тег <figcaption> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <figcaption> також підтримує Атрибути подій в HTML.
Більше прикладів
Приклад
Використовуйте CSS для стилізації елементів <figure> та <figcaption>:
<html>
<head>
<style>
figure {
border: 1px #ccc 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="../images/pic_trulli.jpg" alt="Trulli" style="width:100%">
<figcaption>Fig.1 - Trulli, Puglia, Italy</figcaption>
</figure>
</body>
</html>
Спробуйте самі »
Пов’язані сторінки
HTML DOM довідник: Об’єкт Figcaption
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <figcaption> з наступними значеннями за замовчуванням:
figcaption {
display: block;
}
