HTML таг `figcaption`

Пример

Кратък пример как се използва тагът <figcaption>.

<figure class="text-center">
  <img src="mountains.jpg" class="img-fluid rounded" alt="Планински пейзаж при изгрев">
  <figcaption class="mt-2 text-muted">
    Фигура 1: Планински пейзаж при изгрев слънце.
  </figcaption>
</figure>

Опитай в редактора

Дефиниция и употреба

Елементът <figcaption> представлява надпис (описание или заглавие) към съдържанието на елемента <figure>, като например изображение, диаграма, кодов фрагмент, илюстрация или таблица.

Обикновено се използва по следния начин: <figure> съдържа основното съдържание (например <img>), а <figcaption> описва какво представлява това съдържание. Това подобрява семантиката на страницата и достъпността за потребители с помощни технологии (екранни четци).

<figcaption> трябва да бъде първи или последен директен елемент в <figure>. Може да съдържа текст, линкове и други inline/блокови елементи, стига да са логична част от описанието на фигурата.

Препоръчително е да използвате <figcaption>, когато искате официален надпис към фигура, а не просто обикновен параграф под изображение. Това помага на браузъри, търсачки и помощни технологии да разпознаят връзката между съдържанието и неговото описание.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути

Този елемент няма специфични атрибути.

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

HTML таг figcaption