Figure html что это
Перейти к содержимому

Figure html что это

  • автор:

: Элемент иллюстрации с необязательной подписью

HTML-элемент (Иллюстрация с необязательной подписью) представляет самостоятельный контент, часто с подписью (заголовком), которая указывается с помощью элемента ( ). Диаграмма и её подпись представляет собой единое целое.

Интерактивный пример

Категории контента Основной поток, секционный корень, явный контент
Допустимое содержимое Элемент за которым следует основной поток; или поточный контент за которым следует элемент ; или поточный контент.
Пропуск тегов Нет, открывающий и закрывающий теги обязательны.
Допустимые родители Любые элементы принимающие основной поток.
Допустимые ARIA-роли group (en-US) , presentation (en-US)
DOM-интерфейс HTMLElement

Атрибуты

Этот элемент поддерживает только глобальные атрибуты.

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

  • Обычно это рисунок, иллюстрация, диаграмма, фрагмент кода, и т.д., на который ссылаются в основном потоке документа, но может быть перенесён в другую часть документа или в приложение не нарушив основной поток.
  • Являясь секционным корнем, структура содержимого элемента исключается из основной структуры документа.
  • Подпись может быть связана с элементом с помощью вставки внутри него (как первый или последний потомок). Первый элемент в иллюстрации предоставляет её подпись (заголовок).

Примеры

Иллюстрации

figure> img src="https://developer.mozilla.org/static/img/favicon144.png" alt="The beautiful MDN logo." /> figure> figure> img src="https://developer.mozilla.org/static/img/favicon144.png" alt="The beautiful MDN logo." /> figcaption>MDN Logofigcaption> figure> 

Фрагменты кода

figure> figcaption>Get browser details using code>navigatorcode>.figcaption> pre> function NavigatorExample() < var txt; txt = "Browser CodeName: " + navigator.appCodeName + "; "; txt+= "Browser Name: " + navigator.appName + "; "; txt+= "Browser Version: " + navigator.appVersion + "; "; txt+= "Cookies Enabled: " + navigator.cookieEnabled + "; "; txt+= "Platform: " + navigator.platform + "; "; txt+= "User-agent header: " + navigator.userAgent + "; "; console.log("NavigatorExample", txt); >pre> figure> 

Цитирования

figure> figcaption>cite>Edsger Dijkstra:cite>figcaption> blockquote> If debugging is the process of removing software bugs, then programming must be the process of putting them in. blockquote> figure> 

«Если отладка — процесс удаления ошибок, то программирование должно быть процессом их внесения», — Эдсгер Дейкстра.

Стихи

figure> p style="white-space:pre"> Bid me discourse, I will enchant thine ear, Or like a fairy trip upon the green, Or, like a nymph, with long dishevell'd hair, Dance on the sands, and yet no footing seen: Love is a spirit all compact of fire, Not gross to sink, but light, and will aspire. p> figcaption>cite>Venus and Adoniscite>, by William Shakespearefigcaption> figure> 

Спецификации

Specification
HTML Standard
# the-figure-element

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

This page was last modified on 6 янв. 2024 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

  • Product help
  • Report an issue

Our communities

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2024 by individual mozilla.org contributors. Content available under a Creative Commons license.

: Элемент подписи иллюстрации

HTML-элемент или элемент подписи иллюстрации представляет собой подпись (заголовок) или легенду, описывающую остальную часть содержимого родительского элемента .

Интерактивный пример

Категории контента Нет
Допустимое содержимое Потоковый контент
Пропуск тегов Нет, открывающий и закрывающий теги обязательны.
Допустимые родители Элемент ; элемент должен быть первым или последним потомком.
Допустимые ARIA-роли group (en-US) , presentation (en-US)
DOM-интерфейс HTMLElement

Атрибуты

Этот элемент принимает только глобальные атрибуты.

Примеры

Для примеров смотрите .

Спецификации

Specification
HTML Standard
# the-figcaption-element

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

This page was last modified on 6 янв. 2024 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

  • Product help
  • Report an issue

Our communities

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2024 by individual mozilla.org contributors. Content available under a Creative Commons license.

Figure html что это

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

Синтаксис

Атрибуты

Пример

FIGURE

Софийский собор

Польский костел

Результат данного примера показан на рис. 1.

Использование figure

Рис. 1. Использование

Спецификация

Спецификация Статус
HTML Living Standard Живой стандарт

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

9 12 8 11.5 5.1 4

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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

См. также

  • Добавление медиа-контента
  • Элемент

HTML тег

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

Атрибуты

Стиль по умолчанию

figure

Пример

 
Картина
Это картина.

Результат данного примера в окне браузера:

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

<figure></p>
<p>» width=»267″ height=»348″ /></p>
<p>Копирование материалов с данного сайта возможно только с разрешения администрации сайта <br />и при указании прямой активной ссылки на источник. <br />2011 – 2024 © puzzleweb.ru | razumnikum.ru</p>
<div class='yarpp yarpp-related yarpp-related-website yarpp-template-list'>
<!-- YARPP List -->
<div>Похожие публикации:</div><ol>
<li><a href=Jetflash recovery tool что это за программа

  • Баунти программа что это
  • В какой последовательности изучать языки программирования
  • Как создать массив не зная его размер с
  • Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *