Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Элементы figure и figcaption

.

Элементы figure и figcaption

Элементы figure и figcaption — это еще одна пара новых элементов HTML5, призванных улучшить семантику. Согласно спецификации, figure — это «элемент, который может быть использован для подписей к иллюстрациям, диаграммам, фотографиям, листингам и т. д., упомянутым в основном тексте, но при этом они могут быть перемещены без изменения основного документа (например, на поля, на другие страницы или вынесены в приложение)».

Подумайте о диаграммах, графиках, изображениях, которыми вы иллюстрируете текст, или о примерах кода. Все эти типы контента отлично подходят для использования контейнера figure и figcaption (последний — это просто способ разметить заголовок внутри figure).

Для того чтобы использовать figure, тот контент, который вы собираетесь разместить внутри, должен иметь какое-то отношение к основному тексту. Если же при удалении этого контента основной документ остается все так же понятен, вероятно, figure не следует применять вообще; возможно, более уместным будет aside или другая альтернатива. Точно так же не следует применять этот контейнер, если изображение или листинг представляют собой неотъемлемую часть основного документа и при их удалении теряется смысл.

Вот пример использования этого элемента в статье:

Элементы figure и figcaption


.

Читайте так же:
Not found