Что такое figure в html

Что такое figure в HTML5?

Картинка

Результат: HTML курс

Изучение C++ от новичка до профи

Изучение библиотек jQuery

Нейронные сети / Изучение Python OpenCV

Тест на выбор языка

Не знаете какой язык изучать? Пройдите быстрый тест и определите какой язык программирования подходит именно вам!

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

figure

figure — [ figyr ] n. f. • Xe; lat. figura « forme » I ♦ 1 ♦ Vx Forme extérieure d un corps. ⇒ aspect. Des outils « dont il ne connaît ni l usage, ni le nom, ni la figure » (La Bruyère). ♢ Mod. N avoir plus figure humaine : être si mal en point que la… … Encyclopédie Universelle

figuré — figure [ figyr ] n. f. • Xe; lat. figura « forme » I ♦ 1 ♦ Vx Forme extérieure d un corps. ⇒ aspect. Des outils « dont il ne connaît ni l usage, ni le nom, ni la figure » (La Bruyère). ♢ Mod. N avoir plus figure humaine : être si mal … Encyclopédie Universelle

Figure — Fig ure (f[i^]g [ u]r; 135), n. [F., figure, L. figura; akin to fingere to form, shape, feign. See .] 1. The form of anything; shape; outline; appearance. [1913 Webster] Flowers have all exquisite figures. Bacon. [1913 Webster] 2. The… … The Collaborative International Dictionary of English

figure — FIGURE. s. f. La forme exterieure d une chose materielle. La figure du corps humain. cet animal, ce poisson est d une estrange figure, voilà une plante d une figure bien bizarre. une estrange figure d homme. une plaisante figure, une sotte figure … Dictionnaire de l’Académie française

Figure 8 — might refer to: *Figure 8, an expression describing a Lissajous curve that resembles the number 8 *Figure 8, a circle that turns around upon itself, on its side is a symbol for infinity *Figure eight knot, (also called a Flemish Knot), is a type… … Wikipedia

figuré — figuré, ée (fi gu ré, rée) part. passé. 1° Qui est fait selon une certaine figure. Terme d anatomie. Élément anatomique figuré, se dit par opposition à éléments anatomiques amorphes ou matières amorphes. Plan figuré d une maison, d une… … Dictionnaire de la Langue Française d’Émile Littré

Figure — may refer to:*A shape, drawing, or representation *Figure 8 *A person s figure *Miniature representation of something **Action figure, in arts *a number *a type of person, as in Christ figureWriting *a figure in writing is a type of floating… … Wikipedia

figure — n 1 *number, numeral, digit, integer Analogous words: symbol, *character 2 *form, shape, configuration, conformation Analogous words: *outline, contour, profile, silhouette: *character, symbol, sign, mark … New Dictionary of Synonyms

figure — [fig′yər, figyoor; ] often, esp. for v., & Brit always [, fig′ər] n. [ME < OFr < L figura < fingere, to form, shape: see DOUGH] 1. the outline or shape of something; form 2. the shape of the human body; human form 3. a person, esp. one… … English World dictionary

Figure — Fig ure, v. t. [imp. & p. p. ; p. pr. & vb. n. .] [F. figurer, L. figurare, fr. figura. See

, n.] 1. To represent by a figure, as to form or mold; to make an image of, either palpable or ideal; also, to fashion into a… … The Collaborative International Dictionary of English

Figure 8 — Album par Elliott Smith Sortie 18 avril 2000 Durée 52:06 Genre Rock indépendant Producteur Elliott Smith Tom Rothrock Rob Schnapf … Wikipédia en Français

Подпись картинки (теги figure и figcaption) | HTML

Внимание! Статья на переработке. Прежний вариант был перенесён сюда в связи с более подходящим заголовком.

Как сделать надпись под картинкой

котёнок мечтает стать львом

Кроме содержания атрибутов alt и title при поиске по картинкам используются тексты, находящиеся в непосредственной близости от изображения. Часто это выглядит как: Когда-нибудь котёнок выберется из лужи

Автоматическая нумерация картинок

Изображение с подписью в рамке

Общий CSS стиль:

котёнок мечтает стать львом

Текст длиннее изображения. Если картинка располагается по центру, то хочется использовать всё пространство родительского блока. Когда-нибудь котёнок выберется из лужи

котёнок мечтает стать львом

Когда нужно чтобы ширина контейнера была не больше ширины картинки (для Google Chrome см. код ниже, для него нужно обязательно указывать width для figcaption ?!). Когда-нибудь котёнок выберется из лужи

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

HTML подпись под картинкой, появляющаяся после наведения курсора мышки

котёнок мечтает стать львом

К CSS выше добавить: Когда-нибудь котёнок выберется из лужи

Несколько фотографий и одно описание

Про тег figure и figcaption хорошо написано у html5doctor.com: статья 1 (в комментариях тоже можно найти интересные моменты), статья 2, а также следует прочитать первоисточник w3.org. Словом, так тоже будет верно: котёнок мечтает стать львомгадкий утёнок смотрит в лоханкугадкий утёнок смотрит в воду, он стал лебедемКогда-нибудь котёнок выберется из лужи. По крайне мере одному уже удалось из гадкого утёнка превратиться в величавую птицу

Появление подписи картинки при наведении на неё курсора мышки

14 комментариев:

Анонимный есть ли возможность автоматом проставлять теги alt и title для изображений в блоггере ? NMitra Я такого способа не знаю и поскольку всё равно пишу всё на вкладке "Изменить HTML", то добавление alt не вызывает у меня неудобства. Любопытно то, что в нескольких местах шаблона, например, в заголовке при использовании изображения, всё же данный атрибут применяется. Анонимный Хм, а если изображений 10-к или более на статью? Жуть. Раньше мне было все равно, но недавно стал юзать фоторекламу на блоге.
Жаль что этого не хотят решить разработчики Блоггера. NMitra Вот у меня тоже такое впечатление, что именно не хотят, а не не могут. Поскольку некоторые другие функции, которые добавленные в блог, удивляют. Анонимный 1 Olga Я сделала шапку блога в xHeader,картинку (часть картинки)я взяла на бесплатных изображениях,т.е.мне ее прописывать не надо. Как правильно записать HTML код, как будут просаны теги alt и title NMitra Если вы про http://3.bp.blogspot.com/-pI5NALFNY14/T0jg92DlVrI/AAAAAAAAAGg/QgQrIsLaKns/s1600/suberb%2B2%2B%25D1%2588%25D0%25B0%25D0%25BF%25D0%25BA%25D0%25B0%2B%25D0%25B1%25D0%25BB%25D0%25BE%25D0%25B3%25D0%25B0%2B2.jpg , то она является фоновым изображением, прописана через стили, alt и title не требуются. Svetlana Kuzmina Добрый день! Я только начинающий блоггер, подскажите, пожалуйста, КАК сместить картинку в заголовке блога, чтобы она была СПРАВА? Заранее спасибо за помощь!
http://stylistjournal.blogspot.ru/ NMitra Добрый день. Справа от чего? Картинку нужно ужать?
Svetlana Kuzmina Наталья, спасибо, разобралась. Irina Sanirio Хочу, чтобы все изображения в блоге имели простую рамку с тенью и подпись находилась в рамке. Скопировала первый код из "Изображение с подписью в рамке", вставила в шаблон (в CSS). Не работает. NMitra То что в style — эту часть нужно вставить туда где CSS.
А ниже, после
<figure />,включительно, это нужно добавлять в тело сообщения на вкладке HTML.

Сначала потренируйтесь, весь код целиком добавьте в сообщение на вкладке HTML.

Я пишу всю статью с включенным режимом HTML, мне не составит труда пару строк. А вам не думаю, что будет сподручно каждый раз переключаться. BUTAMUHbI4 "Когда-нибудь котёнок выберется из лужи". Тут смысл более широкий, чем кажется на самом деле. Образы слов следующие:

"котёнок" — это ребёнок, а в некоторых случаях и более объемлющее значение: человек.
"лужа" — это психологические (и только, т.к. всё остальное пляшет от психики человека) рамки, в которые загоняют котёнка с момента его появления на свет (и хуже всего то, что в большей степени это делают его родители на подсознательном уровне, т.к. сами росли в таких же рамках).

Отсюда рождается следующее:
Зачем загонять котёнка в лужу самОй постановкой изначального предложения? Ведь даже неоднозначное наречие "когда-нибудь" уже внедряет в подсознание котёнка возможность "вечного" пребывания в луже, т.к. есть вариант, что "когда-нибудь" никогда не случится (котёнок может просто умереть несколько раньше)..

Figure

figure — [ figyr ] n. f. • Xe; lat. figura « forme » I ♦ 1 ♦ Vx Forme extérieure d un corps. ⇒ aspect. Des outils « dont il ne connaît ni l usage, ni le nom, ni la figure » (La Bruyère). ♢ Mod. N avoir plus figure humaine : être si mal en point que la… … Encyclopédie Universelle

figuré — figure [ figyr ] n. f. • Xe; lat. figura « forme » I ♦ 1 ♦ Vx Forme extérieure d un corps. ⇒ aspect. Des outils « dont il ne connaît ni l usage, ni le nom, ni la figure » (La Bruyère). ♢ Mod. N avoir plus figure humaine : être si mal … Encyclopédie Universelle

Figure — Fig ure (f[i^]g [ u]r; 135), n. [F., figure, L. figura; akin to fingere to form, shape, feign. See .] 1. The form of anything; shape; outline; appearance. [1913 Webster] Flowers have all exquisite figures. Bacon. [1913 Webster] 2. The… … The Collaborative International Dictionary of English

figure — FIGURE. s. f. La forme exterieure d une chose materielle. La figure du corps humain. cet animal, ce poisson est d une estrange figure, voilà une plante d une figure bien bizarre. une estrange figure d homme. une plaisante figure, une sotte figure … Dictionnaire de l’Académie française

Figure 8 — might refer to: *Figure 8, an expression describing a Lissajous curve that resembles the number 8 *Figure 8, a circle that turns around upon itself, on its side is a symbol for infinity *Figure eight knot, (also called a Flemish Knot), is a type… … Wikipedia

figuré — figuré, ée (fi gu ré, rée) part. passé. 1° Qui est fait selon une certaine figure. Terme d anatomie. Élément anatomique figuré, se dit par opposition à éléments anatomiques amorphes ou matières amorphes. Plan figuré d une maison, d une… … Dictionnaire de la Langue Française d’Émile Littré

Figure — may refer to:*A shape, drawing, or representation *Figure 8 *A person s figure *Miniature representation of something **Action figure, in arts *a number *a type of person, as in Christ figureWriting *a figure in writing is a type of floating… … Wikipedia

figure — n 1 *number, numeral, digit, integer Analogous words: symbol, *character 2 *form, shape, configuration, conformation Analogous words: *outline, contour, profile, silhouette: *character, symbol, sign, mark … New Dictionary of Synonyms

figure — [fig′yər, figyoor; ] often, esp. for v., & Brit always [, fig′ər] n. [ME &LT; OFr &LT; L figura &LT; fingere, to form, shape: see DOUGH] 1. the outline or shape of something; form 2. the shape of the human body; human form 3. a person, esp. one… … English World dictionary

Figure — Fig ure, v. t. [imp. & p. p. ; p. pr. & vb. n. .] [F. figurer, L. figurare, fr. figura. See

, n.] 1. To represent by a figure, as to form or mold; to make an image of, either palpable or ideal; also, to fashion into a… … The Collaborative International Dictionary of English

Figure 8 — Album par Elliott Smith Sortie 18 avril 2000 Durée 52:06 Genre Rock indépendant Producteur Elliott Smith Tom Rothrock Rob Schnapf … Wikipédia en Français

Добавить комментарий

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