Рада як правильно використовувати тег figure і тег figcaption
Тег figure зазвичай використовується для вставки зображень:
Тег figure - замкнута одиниця контенту. Якщо ви перемістіть елемент трохи нижче на сторінці або в самий низ, це ніяк не вплине на його значення в документі. Тому потрібно пам'ятати, що не всі зображення можна вказувати в тезі figure.
Кілька зображень в тезі figure
Якщо зображення пов'язані між собою і подаються в загальному контексті, то в тег figure можна прописати декілька img.
Figure можна використовувати і з іншими тегами
Тег figure не обмежується тільки лише зображеннями. Його можна використовувати з:
Практика HTML5 та CSS3 з нуля до результату!
Блоками для коду,
Приклад вставки блоку з кодом в тег figure:
Вкладеність одного figure в інший
Тег figure можна помістити всередину іншого тега figure. У коді нижче для поліпшення семантики був доданий ARIA атрибут role.
Правильне застосування figcaption
Тег figcaption є підпис або легенду до тегу figure. Не завжди тегу figure потрібен figcaption. Однак у випадках, коли цей тег необхідний, він повинен бути першим або останнім всередині figure:
Якщо потрібно додати більше семантики зображенню, можна використовувати теги h1 і p.
А ви знаєте, як ще можна використовувати теги figure і figcaption?
Редакція: Команда webformyself.
Найсвіжіші новини IT і веб-розробки на нашому Telegram-каналі
