figcaption

Содержание

Содержит описание для элемента <figure>. <figcaption> должен быть первым или последним элементом в группе.

Синтаксис

<figure>
 <figcaption>Описание</figcaption>
</figure>

Закрывающий тег

Обязателен.

Атрибуты

Нет.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>FIGCAPTION</title>
  <style>
   figure {
    background: #d9dabb; /* Цвет фона */
    display: block; /* Блочный элемент */
    width: 150px; /* Ширина */
    height: 190px; /* Высота */
    float: left; /* Блоки выстраиваются по горизонтали */
    margin: 0 10px 10px 0; /* Отступы */
    text-align: center; /* Выравнивание по центру */
   }
   figure img {
    border: 2px solid #8b8e4b; /* Параметры рамки */
   }
   figure p {
    margin-bottom: 0; /* Отступ снизу */
   }
  </style>
 </head>
 <body>
  <article>
   <figure>
    <p><img src="image/thumb3.jpg" alt=""></p>
    <figcaption>Купеческий клуб</figcaption>
   </figure>
   <figure>
    <p><img src="image/thumb4.jpg" alt=""></p>
    <figcaption>Памятник Св. Владимиру</figcaption>
   </figure>
 </article>
 </body>
</html>

Результат данного примера показан на рис. 1.

Использование figcaption

Рис. 1. Использование <figcaption>

Спецификация

СпецификацияСтатус
WHATWG HTML Living StandardЖивой стандарт
HTML5Возможная рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
9511.105.14
AndroidFirefox MobileOpera MobileSafari Mobile
2.24115




Рекомендую хостинг: beget.ru

Сервер падал:51 дн. 23:48 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru