HTML <figcaption> тег

  • Предыдущая страница <fieldset>
  • Следующая страница <figure>

Определение и использование

<figcaption> Тег <figure> Элемент определяет заголовок.

<figcaption> Элемент может быть размещен в <figure> Положение первого или последнего подэлемента элемента.

Дополнительная информация:

Руководство по HTML DOM:Объект Figcaption

Пример

Пример 1

Использование элемента <figure> для обозначения фотографий в документе, использование элемента <figcaption> для определения заголовка фотографии:

<figure>
  <img src="tulip.jpg" alt="Лилия" style="width:300px">
  <figcaption>Рисунок 1 - Лилия, лилиевые, многолетнее травянистое растение.</figcaption>
</figure>

Попробуйте сами

Пример 2

Использование 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="tulip.jpg" alt="Лилия" style="width:300px">
  <figcaption>Рисунок 1 - Лилия, лилиевые, многолетнее травянистое растение.</figcaption>
</figure>
</body>
</html>

Попробуйте сами

Глобальные свойства

<figcaption> Тег также поддерживает Глобальные свойства в HTML.

свойства событий

<figcaption> Тег также поддерживает Свойства событий в HTML.

Настройки CSS по умолчанию

Большинство браузеров будут использовать следующие значения по умолчанию для отображения <figcaption> Элемент:

figcaption {
  display: block;
}

Поддержка браузерами

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот элемент.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 9.0 4.0 5.1 11.0
  • Предыдущая страница <fieldset>
  • Следующая страница <figure>