Последние учебники веб-разработки
 

HTML <figure> Tag


пример

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

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Попробуй сам "

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

<figure> тег определяет автономный содержание, как иллюстрации, диаграммы, фотографии, списки кодов и т.д.

В то время как содержание <figure> элемент связан с основным потоком, его положение не зависит от основного потока, и , если удалить это не должно влиять на поток документа.


Поддержка браузеров

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

Элемент
<figure> 6.0 9.0 4.0 5.0 11.1

Отличия между HTML 4.01 и HTML5

<figure> тег является новым в HTML5.


Советы и примечания

Совет: <figcaption> элемент используется , чтобы добавить подпись для <figure> элемента.


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

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


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

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


Похожие страницы

HTML DOM ссылка: Рисунок Object


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

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

пример

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
Попробуй сам "