Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег figure

Дата:9.09.15 в 15:32
Справочник: 

Характеристики тега

В каких браузерах работает?

9.0+ 8.0+ 9.2+ 5.0+ 4.0+ 2.1+ 3.0+

В каких спецификациях используется?

HTML - - 5.0
XHTML - -

Для чего используется?

Служит инструментом для группировки объектов любого рода. Для примера, возможен вариант группировки картинки и ее названия или описания.

Как правильно задавать?

<figure>
 элементы группировки
</figure>

Какие атрибуты поддерживаются?

Никакие.

Закрытый тег

Да.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег figure</title>
  <style>
   figure {
    display: block; /* элемент с функциями блока */
    width: 350px; /* ширина блока */
	text-align:center;/* центровка текста */
   }
   figure img {
     width: 350px; /* ширина картинки */
   }
   figure p {
    margin-bottom: 0; /* нижние отступы */
   }
  </style>
 </head>
 <body>
  <article>
   <figure>
    <p><img src="05.jpg" alt="Промковш"></p>
    <figcaption>Промежуточный ковш</figcaption>
   </figure>
 </body>
</html>

По итогу получаем

figure

Оценка: 
Оценок: 1 (средняя 5 из 5)
Тип html тега: 
Понравилась статья? Расскажите о ней друзьям: