Справочник HTML

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов

Перед вами самый полный справочник по HTML тегам и языку разметки HTML документов. Он будет полезен как новичкам так и профессионалам

Тег <figcaption>

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

поддержка браузерами:
IExplorerChromeOperaSafariFirefoxAndroidiOS
9.0+8.0+9.2+5.0+4.0+2.1+3.0+
спецификация:
HTML:3.24.015.0
XHTML:1.01.1
синтаксис:
<figure>
 <figcaption>Описание</figcaption>
</figure>
закрывающий тег:
Обязателен
пример кода:
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег FIGCAPTION</title>
  <script>
   document.createElement('figure');
   document.createElement('figcaption');
  </script>
  <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="images/thumb3.jpg" alt=""></p>
    <figcaption>Купеческий клуб</figcaption>
   </figure>
   <figure>
    <p><img src="images/thumb4.jpg" alt=""></p>
    <figcaption>Памятник Св. Владимиру</figcaption>
   </figure>
 </article>
 </body>
</html>
примечание:

Internet Explorer до версии 8.0 включительно игнорирует тег <figcaption>, но отображает его содержимое. Также в этом браузере любые стили не применяются к элементу, пока он не создан через скрипт, как показано в примере.

Firefox полностью поддерживает этот тег начиная с версии 4.0, но версии 3.0 и старше также корректно отображают содержимое тега.