Елементи на фигура и figcaption

В традиционните печатни медии, като например книги и списания, изображения, таблици и код проби обикновено са придружени от подпис. До този момент ние не сме били в състояние да разпределя този вид семантично съдържание директно към HTML, а не да се прибягва до имената на CSS класа. HTML5 се надява да се коригира този проблем с помощта на нови елементи:

и
. Нека да видим!

елемент

Предполага се, че елементът

Тя ще се използва във връзка с елемент
за разпределяне на диаграми, илюстрации, снимки, и кодови примери (между другото). Ето какво казват за
в спецификацията:

елемент

Това е фрагмент на независим съдържание, не е задължително с подписа, който по принцип се отнася до отделен елемент на основното съдържание на документ, и могат да бъдат отстранени от документа, без да се нарушава нейната значение.

елемент

Този елемент се превърна в причина за сериозни спорове. Спецификацията първоначално беше предложено да се адаптира към тези цели елемент . вместо идва с нов елемент. Имаше и други предложения, които са включени

и дори заглавията

-

. елемент семантиката променило. и така започнахме да използваме комбинация от
и
в
по предложение на Джереми. Но повечето от тези идеи са били отхвърлени поради липса на обратна съвместимост за CSS-дизайна.

Нашите редовни читатели знаят, че нов елемент бе наскоро въведе

. Кой знае дали той ще свикне, но за сега нека да разберете това, което казва за спецификацията:

елемент

Той представлява заглавието или описание на
.

елемент

Тя е по избор и може да се появи преди или след съдържанието вътре
. Само един елемент
Тя може да бъде поставен в
. въпреки че елементът
може да съдържа множество елементи за деца (например, или ).

използването на
и

Така че, ние научихме, че тези елементи са разгледани в спецификацията. Как мога да ги използвам? Нека разгледаме един пример.

за изображението

Образът на елемента

неподписан:

Елементи на фигура и figcaption

Ето кода за това:

със снимка и подпис

Образът вътре в елемента

с обяснителен текст:

Елементи на фигура и figcaption
Наглите маймуна на Борнео. Фото Richarda Klarka

А кодът, който ние използвахме:

с множество изображения

Поставянето на няколко изображения в рамките на една клетка

общ надпис:

Елементи на фигура и figcaption
Елементи на фигура и figcaption
Елементи на фигура и figcaption
От ляво на дясно: Kucabara, Пеликан и многоцветен лори. Ричард Кларк снимки

блоков код

елемент

Тя може също да се използва за код примери:

Използването на елемента около позоваване на лиценз Криейтив Комънс с относителна = "лиценз".

По-долу е кодът, че:

разлики между
и

Ние вече говорихме за елемента