Comments are closed

История и развитие HTML5

В далеком уже 1999 году был принят стандарт языка HTML v4.01, который стал настоящим прорывом за счет улучшения всех составляющих web-контента. Вместе с этим, параллельно с HTML усовершенствовался и разрабатывался стандарт CSS.HTML5За 13 лет постоянного технологического прогресса, HTML не мог оставаться таким, каким был тогда. По сути, он стал грузом, который тормозит развитие Интернет. Именно это и дало толчок многим производителям браузеров искать новые подходы и методы, что бы обойти недостатки стандарта, присутствовавшие повсеместно. Началось все с расширением функционала web-приложений, появились приложения Rich Internet Applications.

Сама суть заключалась в том, что бы использовать плагины или надстройки, которые смогут выполнять ту работу, на которую не способен браузер ( Adobe Flash или плагины Microsoft Silverlight — яркие представители). Однако, не смотря на все это, необходимость создания нового стандарта появилась. В первую очередь это было связано с тем, что HTML v4.01 не предусматривает описания мультимедийного контента средствами самого языка, а стало быть, возможность воспроизвести медиа-файл зависит от того, установлены ли дополнительные плагины или нет. История HTML5 Начало нового этапа развития было положено в 2004 году участниками обществам WHATWG, которые начали активно сотрудничать с компаниями Apple, Mozilla Foundation и Opera Softaware с целью разработки и выпуска в свет нового стандарта HTML5. Позже, в 2006 году к разработке присоединяется WC3.сайт на html5И уже через 4 года после начала разработки был представлен первый проект HTML5, в это же время браузеры Mozilla Firefox, Safari и GoogleChrome становятся совместимыми с HTML5. В 2011 году доля сайтов созданных на HTML5 достигает отметки 34% от общего количества сайтов, а в июне 2012 года (ровно через 90 дней после того как был запущен сервис по созданию сайтов на HTML5), количество сайтов достигает 1,000,000. Стоит отметить, что развитие технологии и не думает на этом и чем дальше, тем больше и лучше. Что нового? Собственно, отличается HTML5 от более ранней своей версии разительно. В первую очередь это видно в новом подходе к разметке, а именно — наличие мультимедиа внутри, а не через сторонние плагины. Безусловно, последний вариант до сих пор используется, однако отсутствие единого стандарта приводит к тому, что разными сайтами используются разные технологии, соответственно, появляется необходимость в отдельной установке лишних плагинов.еще один сайт на HTML5В стандарте HTML5 изначально заложен абсолютно иной подход. Теперь медиаконтент является неотъемлимой частью кода страницы. Для того, что бы интегрировать видео или аудио, достаточно использовать теги «video» и «audio» соответственно и ссылки на медиафайлы, которые необходимо разместить. Естественно, что изменений и нововведений много, однако изменение подхода — главное из них и самое важное. Проблемой, пока что, остается то, что на данный момент довольно большой процент пользователей до сих пор использует браузеры устаревшие как морально, так и технологически. Несомненно, устаревший браузер может вполне устраивать пользователя, однако они не имеют возможности поддерживать те технологии, которые предоставляет HTML5.HTML5 обучениеВ негласном рейтинге на первом месте среди «браузеров-динозавров» ожидаемо стоит Internet Explorer 8. Именно эта версия до сих пор считается самой популярной для этого браузера. Но в свою очередь стоит учитывать то, что последующие версии практически полностью поддерживают HTML5. С остальными браузерами все гораздо легче и удобнее. Те же Google Chrome, Safari и Opera давно уже обрабатывают теги «video» и «audio» Впрочем, даже сейчас они сохраняют поддержку использования плагинов. Смеха проста — сначала браузер осуществляет рендеринг с использованием тегов «video» и «audio» и если у него не получается, то применяется код плагинов.

Несомненным достоинством HTML5 является то, что              его поддерживают практически все современные мобильные устройства (Android, iOS, Windows Phone). Это означает то, что веб-мастер не будет захламлять сайт размещая на нем несколько версий медиаконтента для стационарных ПК и мобильных устройств. Кроме того, решается проблема iOS, которая не поддерживает Flash.iosТеперь перейдет к поддержке форматов видео и звука. Тут HTML5 тоже не ударил в грязь лицом и не смотря на то, что он позволяет размещать медиафайлы стандартными тегами, все эти файлы можно закодировать в различные форматы и использовать всевозможные кодеки. Однако пока еще не удалось добиться идеального результата при котором сочетание формата и кодека работали бы с успехов во всех браузерах и мобильных системах. Но получилось вывести самые популярные из них.

Форматы:

  • AVI
  • MP4
  • FLV
  • WebM

Кодеки:

  • H.264
  • Ogg Theora
  • VP8

При это взаимодействие между форматами и кодеками лучше прослеживается если каждому кодеку соответствует свой формат (однако так не всегда). Затрагивая эту тему, стоит рассмотреть каждый из кодеков,

H.264 – наиболее универсальный кодек из представленных здесь. Что бы получить файл высокого качества, но небольшого размера, кодек сжимает видео с потерями. При всем этом, его спецификация предусматривает несколько профилей с различным уровнем качества и степенью сжатия. Идея проста — мобильным устройствам «легкость», десктопам с широкополосным доступом — качество. Данный кодек поддерживают Internet Explorer, Chrome, Firefox, Safari, iOS и Android. Отбилась от компании только Opera, где подобное видео можно декодировать лишь с помощью внешнего плагина.браузеры html5Ogg Theora – изначально коммерческий кодек, рассчитанный под системы Linux, однако позже стал бесплатным. Поддерживается браузерами Chrome, Firefox и Opera. IE и Safari лишь через плагины.

VP8 – Качество кодека можно сравнить с качеством H.264, при этом обладает меньшей сложностью декодирования. Стандартно поддерживается Chrome, Firefox и Opera, кроме этого, поддержка осуществляется мобильными устройствами под Android.

Из вышеперечисленного можно сделать вывод, что наиболее универсальными сочетаниями будут файлы в контейнерах MP4 в стандарте кодирования H.264 и в формате WebM с кодеком VP8.

Итог.

HTML 5 уже сейчас завоевал себе лидирующие позиции и обзавелся множеством справочников и пособий, при этом не мало литературы переведено на русский язык. Однако, несмотря на все плюсы HTML 5, присутствуют проблемы. Так, например, браузеры не собираются в ближайшее время соответствовать одному стандарту, а стало быть, многие функции придется реализовывать для каждого из них в отдельности, что замедляет и усложняет работу.

Comments are closed.