Программирование с нуля с чего начать? Web разработка Урок 16 Html5 Элемент figure

Автор Alla Bessonova
Программирование с нуля   с чего начать? Web разработка  Урок 16 Html5  Элемент figure

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

Давайте сохраним посмотрим. Правильно ли отображается всё отобразилось и далее мы должны во всех HTML элементов иметь в html5 мы должны указывать атрибут ALT которым нужно указывать текст для скринридер. А если у нас User с ограниченными возможностями то есть с плохим зрением или совершенно слепой и не может видеть изображение он может использовать специальную программу Screen Reader которая будет читать текст находящийся в атрибуте Alt некоторые.

Объясняет, что находится на картинке например.

Мы можем написать. Ниндзя Image чтобы этот пользователь с ограниченными возможностями смог понять, что изображено на этом рисунке. На этой картинке и далее если мы использовать название для нашего изображения мы можем использовать внутри элемента Filter Element Exception Exception — это и здесь можем разместить к примеру тара параграф с названием и название располагается чуть ниже. Конечно мы можем добавить CSS применить. Какой — это стиль. Да чтобы изменить заголовок, но суть в том, что html5 добавил этот и подобные. Это мой снимал элементы для того чтобы сделать istemol код более читабельным то есть мы тут понимаем, что именно этому изображению соответствует — это название изображения потому, что они связаны находятся внутри внешнего элементов и ещё мы можем добавь html5 такой элемент как Data и далее через чёрточку. Мы можем написать любое название которое сами хотим дать этим данным. Да это. Это данные. Можем написать к примеру Image description описание картинки и здесь присвоить значения этому атрибуту к примеру Ninja Knights вы знаю нельзя с ножом да 8 описан, что изображено на картинке. Да поэтому и назвали так элементы мяч дескрипшн и далее мы можем к этому обратиться. Давайте ещё немного джаваскрипта используем указываем здесь Script и здесь получить доступ для этого нам нужно указать ID изображения пусть будет меньше и здесь мука документ дальше. Get Element байди получить элемент по ID и здесь указываем. Ниндзя пойди. Найди нашего изображения и дальше пишем. getattribute получить атрибут уже этого элемента мы пишем название нашего атрибута и мы можем далее. Всё — это к примеру вывести на экран при помощи команды алёрт есть такая команда в джаваскрипте. Давайте попробуем запустить. И как вы видите при загрузке выводится окошко allorto и в нём написано значение атрибута. Ниндзя весна.

0 комментариев
0

Читайте также