Новые теги HTML5 - progress.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть тег < progress> поддерживается во всех основных браузерах.
Внимание!!! Тег < progress> не поддерживается в Internet Explorer 9 и более ранних версий.
Определение и использование. Тег < progress> показывает ход выполнения задачи, то есть тег < progress> используется для отображения прогресса завершенности задачи, которая производится на страницах сайта при интерактивном общении посетителя( клиента). Тут могут быть различные ситуации, особенно, при оформлении заказов на покупку товаров. Изменение значения происходит через JavaScript.
Отличия между HTML 4.01 и HTML5. Тег < progress> является новым в HTML5. Используйте < progress> тег в сочетании с JavaScript для отображения хода выполнения задачи. < progress> не подходит для представления датчика( например, использование дискового пространства или актуальность результата запроса). Используйте Тег < meter> вместо тега < progress>.
Основы разметок HTML дают необходимый минимум материала, чтобы отображать документ на странице сайта. В настоящее время в разработках HTML наблюдается следующий цикл создания основ HTML. На более высоком интерактивном уровне. В самих разметках создаются атрибуты, которые самостоятельно оживляют действия над объектами при создании и оформления страниц сайта. Будет прорыв основ HTML в голосовом управлении всеми действиями на страницах сайта. Все трудоемкие процессы по созданию сайта возьмет на себя машина и основы HTML преобразятся. Что из этого выйдет - покажет время, точнее идет прорыв в данном направлении.
Атрибуты
Вновь : HTML5.
Атрибут |
Значение |
Описание |
max Вновь |
number |
Указывает, какой объем работы задачи требует в общем |
Значение Вновь |
number |
Указывает, что задача была завершена |
Тег < progress> поддерживает Глобальные атрибуты в HTML: КЛИКНИ СЮДА
Тег < progress> также поддерживает Атрибуты событий в HTML: КЛИКНИ СЮДА
Пишем программу:
< !DOCTYPE html>
< html>
< body>
Загрузка прогресса:
< progress value="182" max="1000">
< /progress>
< p>< strong>Примечание:< /strong> прогресс тег не
поддерживаются в Internet Explorer 9 и более ранних версий.< /p>
< /body>
< /html>
Ход выполнения и результат:
Загрузка прогресса:
Примечание: прогресс тег не поддерживаются в Internet Explorer 9 и более ранних версий.
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|