пример
Используйте <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;
}
Попробуй сам "