История и развитие HTML5
В далеком уже 1999 году был принят стандарт языка HTML v4.01, который стал настоящим прорывом за счет улучшения всех составляющих web-контента. Вместе с этим, параллельно с HTML усовершенствовался и разрабатывался стандарт CSS.За 13 лет постоянного технологического прогресса, HTML не мог оставаться таким, каким был тогда. По сути, он стал грузом, который тормозит развитие Интернет. Именно это и дало толчок многим производителям браузеров искать новые подходы и методы, что бы обойти недостатки стандарта, присутствовавшие повсеместно. Началось все с расширением функционала web-приложений, появились приложения Rich Internet Applications.
Сама суть заключалась в том, что бы использовать плагины или надстройки, которые смогут выполнять ту работу, на которую не способен браузер ( Adobe Flash или плагины Microsoft Silverlight — яркие представители). Однако, не смотря на все это, необходимость создания нового стандарта появилась. В первую очередь это было связано с тем, что HTML v4.01 не предусматривает описания мультимедийного контента средствами самого языка, а стало быть, возможность воспроизвести медиа-файл зависит от того, установлены ли дополнительные плагины или нет. История HTML5 Начало нового этапа развития было положено в 2004 году участниками обществам WHATWG, которые начали активно сотрудничать с компаниями Apple, Mozilla Foundation и Opera Softaware с целью разработки и выпуска в свет нового стандарта HTML5. Позже, в 2006 году к разработке присоединяется WC3.И уже через 4 года после начала разработки был представлен первый проект HTML5, в это же время браузеры Mozilla Firefox, Safari и GoogleChrome становятся совместимыми с HTML5. В 2011 году доля сайтов созданных на HTML5 достигает отметки 34% от общего количества сайтов, а в июне 2012 года (ровно через 90 дней после того как был запущен сервис по созданию сайтов на HTML5), количество сайтов достигает 1,000,000. Стоит отметить, что развитие технологии и не думает на этом и чем дальше, тем больше и лучше. Что нового? Собственно, отличается HTML5 от более ранней своей версии разительно. В первую очередь это видно в новом подходе к разметке, а именно — наличие мультимедиа внутри, а не через сторонние плагины. Безусловно, последний вариант до сих пор используется, однако отсутствие единого стандарта приводит к тому, что разными сайтами используются разные технологии, соответственно, появляется необходимость в отдельной установке лишних плагинов.
В стандарте HTML5 изначально заложен абсолютно иной подход. Теперь медиаконтент является неотъемлимой частью кода страницы. Для того, что бы интегрировать видео или аудио, достаточно использовать теги «video» и «audio» соответственно и ссылки на медиафайлы, которые необходимо разместить. Естественно, что изменений и нововведений много, однако изменение подхода — главное из них и самое важное. Проблемой, пока что, остается то, что на данный момент довольно большой процент пользователей до сих пор использует браузеры устаревшие как морально, так и технологически. Несомненно, устаревший браузер может вполне устраивать пользователя, однако они не имеют возможности поддерживать те технологии, которые предоставляет HTML5.
В негласном рейтинге на первом месте среди «браузеров-динозавров» ожидаемо стоит Internet Explorer 8. Именно эта версия до сих пор считается самой популярной для этого браузера. Но в свою очередь стоит учитывать то, что последующие версии практически полностью поддерживают HTML5. С остальными браузерами все гораздо легче и удобнее. Те же Google Chrome, Safari и Opera давно уже обрабатывают теги «video» и «audio» Впрочем, даже сейчас они сохраняют поддержку использования плагинов. Смеха проста — сначала браузер осуществляет рендеринг с использованием тегов «video» и «audio» и если у него не получается, то применяется код плагинов.
Несомненным достоинством HTML5 является то, что его поддерживают практически все современные мобильные устройства (Android, iOS, Windows Phone). Это означает то, что веб-мастер не будет захламлять сайт размещая на нем несколько версий медиаконтента для стационарных ПК и мобильных устройств. Кроме того, решается проблема iOS, которая не поддерживает Flash.Теперь перейдет к поддержке форматов видео и звука. Тут HTML5 тоже не ударил в грязь лицом и не смотря на то, что он позволяет размещать медиафайлы стандартными тегами, все эти файлы можно закодировать в различные форматы и использовать всевозможные кодеки. Однако пока еще не удалось добиться идеального результата при котором сочетание формата и кодека работали бы с успехов во всех браузерах и мобильных системах. Но получилось вывести самые популярные из них.
Форматы:
- AVI
- MP4
- FLV
- WebM
Кодеки:
- H.264
- Ogg Theora
- VP8
При это взаимодействие между форматами и кодеками лучше прослеживается если каждому кодеку соответствует свой формат (однако так не всегда). Затрагивая эту тему, стоит рассмотреть каждый из кодеков,
H.264 – наиболее универсальный кодек из представленных здесь. Что бы получить файл высокого качества, но небольшого размера, кодек сжимает видео с потерями. При всем этом, его спецификация предусматривает несколько профилей с различным уровнем качества и степенью сжатия. Идея проста — мобильным устройствам «легкость», десктопам с широкополосным доступом — качество. Данный кодек поддерживают Internet Explorer, Chrome, Firefox, Safari, iOS и Android. Отбилась от компании только Opera, где подобное видео можно декодировать лишь с помощью внешнего плагина.Ogg Theora – изначально коммерческий кодек, рассчитанный под системы Linux, однако позже стал бесплатным. Поддерживается браузерами Chrome, Firefox и Opera. IE и Safari лишь через плагины.
VP8 – Качество кодека можно сравнить с качеством H.264, при этом обладает меньшей сложностью декодирования. Стандартно поддерживается Chrome, Firefox и Opera, кроме этого, поддержка осуществляется мобильными устройствами под Android.
Из вышеперечисленного можно сделать вывод, что наиболее универсальными сочетаниями будут файлы в контейнерах MP4 в стандарте кодирования H.264 и в формате WebM с кодеком VP8.
Итог.
HTML 5 уже сейчас завоевал себе лидирующие позиции и обзавелся множеством справочников и пособий, при этом не мало литературы переведено на русский язык. Однако, несмотря на все плюсы HTML 5, присутствуют проблемы. Так, например, браузеры не собираются в ближайшее время соответствовать одному стандарту, а стало быть, многие функции придется реализовывать для каждого из них в отдельности, что замедляет и усложняет работу.