HTML тег - figcaption - определение и примеры использования
Меню
Веб-разработка
Мои услуги на Kwork
Тег figcaption HTML

HTML - тег <figcaption> — один из элементов HTML5. Он используется для добавления подписи или пояснений к содержимому тега <figure>.


Тег <figcaption> - синтаксис и код

Тег <figcaption> представлен парами. Содержимое записывается между открывающим тегом (<figcaption>) и закрывающим (</figcaption>).

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

<figure>
   <img src="/htm/New_York.jpg" alt="Нью-Йорк Сити" style="width:100%">
   <figcaption>Нью-Йорк Сити (Большое Яблоко).</figcaption>
</figure>


Пример

Места которые стоит посетить

Нью-Йорк, который часто называют Нью-Йорк Сити или Большое Яблоко, является самым густонаселенным городом в Соединенных Штатах.

Нью-Йорк Сити Нью-Йорк Сити (Большое Яблоко).

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

  • HTML - тег <figcaption> определяет заголовок для элемента <figure>;
  • Элемент <figcaption> может быть размещен как первый или последний дочерний элемент элемента <figure>.
Примечание: если <figcaption> является первым внедренным элементом, то содержимое будет отображаться вверху изображения. В элементе <figure> можно использовать только один элемент <figcaption>. Однако <figure> может содержать и другие теги (тег <img> или <code>).

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

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Глобальные атрибуты

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

Атрибуты событий

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


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

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

figcaption {
  display: block;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой