Cпецификация HTML5

Автор: К Максим
Дата: 2016-04-18


Все крупные игроки интернет-проектов уже перешли или переходят на HTML5, этот язык позволяет реализовывать самые смелые задумки разработчиков и удовлетворяет самых требовательных пользователей, затрачивая на это небольшое количество ресурсов. Язык HTML5 является нашим будущим в веб-индустрии.
Придумали HTML5 из тех побуждении, что линейка HTML 4 уже не удовлетворяла запросы потребителей. Конечно же, основным недостатком в HTML 4 было то, что многие вещи попросту не были доступны в базовой комплектации и требовали дополнительной установки плагинов. Например, для того чтобы воспроизвести видеофайлы у себя в браузере прибегали к дополнительной установке плагинов: VLC player, QuickTime player или всеми известному Flash player (был установлен более чем на 90% ПЭВМ в мире), что на данный момент, на мой взгляд, не очень удобно. Если коснуться мобильных устройств, которые с каждым годом только набирают обороты то и здесь возникал ряд минусов при воспроизведении видео, загрузки процессора, а в следствии быстрый разряд батареи при использовании Flash player и т.д. HTML5 зарекомендовал и сдесь себя с положительной стороны, сделав сайт адаптированный например под мобильные устройства, он прекрасно выглядит и при больших разрешениях монитора на настольных компьютерах. Скорость загрузки сайта сделанного без интегрированных флеш элементов возрастает в разы, да и сами сайты смотрятся привлекательней.
Все основные браузеры в целом адаптированы под HTML5 (хотя на 2016 год ни один в полной мере не поддерживает все свойства ядра HTML5, эти браузеры только отчасти обеспечивают выполнение некоторых частей спецификации), со временем будет добавляться поддержка других свойств, т.к. спецификация HTML5 находится еще в стадии разработки. Что же касается более ранних версий браузеров, таких как IE 7-8, то для них существует специальный так называемый “костыль”, скрипт написанный на JavaScript, который позволяет адаптировать браузер к распознаванию HTML5.
Язык разметки HTML5 по большому счету состоит из комплекса: HTML + CSS + JavaScript = HTML5.
Основные отличия HTML5 от линейки HTML 4:
- появились новые структурные элементы: nav, section, video, audio, aside, canvas, progress, time, footer и т.д. (порядка 30 штук). Это привело к улучшению семантического написания кода;
- поддержка видео и аудио файлов (контроль над воспроизведением);
- внедряются новые глобальные атрибуты: repeat, abindex и т.д.;
- появляется возможность рисования в среде canvas при помощи JavaScript;
- вводятся новые типы input-элементов;
- расширены существующие DOM интерфейсы;
- были добавлены новые API: работа с сетью, хранение данных на стороне клиента, рисование картинок в реальном времени, drag-and-drop, MIME;
- нативная поддержка, т.е. без дополнительных плагинов “по умолчанию” выполнять ряд поставленных задач;
- открытый стандарт разработки в среде HTML5. Возможность, как в изучении, так и в реализации проекта.
Структурно HTML5 можно разделить на 5 разделов: семантика, веб-формы, графика, мультимедиа, API функционал.
Что же касается продвижения сайтов построенных на HTML5, то поисковому роботу структура документа становится полностью понятной. Поисковый робот разделяет сайт на блоки по их значимости, что позволяет лучше продвигать сайт в поисковых системах. В HTML 4 это не было реализовано.
По оценкам статистов, порядка 30% потокового видео воспроизводится с помощью кодека H.264, что позволяет полностью внедрять видео в HTML5.
Итак, давайте подведем итоги по новому поколению веб-стандарта HTML5:
- сайты интерактивные, динамичные и красивые;
- возможность воспроизводить видео без установки дополнительных плагинов, таких как Flash player, а так же открытие документов разных форматов без дополнительной установки приложений;
- просмотр интерактивных приложений на мобильном устройстве, адаптация к сенсорному управлению на всевозможных гаджетах;
- кроссплатформенность (возможность корректного отображения в любых браузерах на любых устройствах);
- повышение быстродействия сайтов с одновременным уменьшением загрузки процессора устройства.

Просмотров: 1575

1 2 3 4 5 6 7 8 9 10



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



Введите сумму чисел с картинки

Комментарии к этой заметке...