Поддерживает ли браузер html5. Введение в HTML5. Правда ли, что HTML5 несовместим с Internet Explorer

Последнее время я стал с завидной регулярностью получать вопросы, сводящиеся к одному: "". Помимо этого, я стал видеть большое количество заказчиков вёрстки, которые требуют, чтобы всё было написано на HTML5 . И чтобы было поменьше таких вопросов и не было таких безграмотных заказчиков (которым всегда радуются всякие мошенники на фрилансе, понимая, что заказчик не смыслит ничего), я и решил ответить на вопрос, почему не работает HTML5 .

Всё очень и очень просто. Поскольку HTML - это клиентский язык, следовательно, он выполняется браузером. Но разработчики браузеров не могут сразу прикрутить все новые теги и возможности, на это нужно много времени, даже очень много.

Из вышесказанного следует, что HTML5 не работает, поскольку он ещё просто не поддерживается браузерами . Но идёт постепенное внедрение данной технологии, и уже сейчас есть достаточно много тегов, которые уже можно использовать. Вы можете проверить, насколько Ваш браузер "продвинут" в HTML5 , здесь: тестирование браузера на поддержку HTML5 . Мой браузер (Firefox 15.0.1 ) набрал 346 очков, что, конечно, очень далеко до полной поддержки. Причём у меня стоит самая свежая версия Firefox . Думаю, у других современных браузеров ситуация не лучше.

Также не надо забывать, что даже, когда через пару лет, все современные браузеры будут полностью поддерживать HTML5 , останется ещё очень большая доля людей, которые будут пользоваться старыми браузерами. Что делать с ними? Чтобы уменьшить количество пострадавших, об HTML5 придётся подзабыть ещё на пару лет. И уже только потом можно будет делать вёрстку с использованием этой технологии.

Надеюсь, теперь Вы поняли, что можно, конечно, изучать HTML5 , но использовать его в полную силу у Вас не получится ни в качестве тренировки, ни в качестве практического использования.

Очень надеюсь, что количество жертв мошенников на фрилансе станет меньше (уж больно у многих написано в портфолио "Верстаю на чистом HTML5 ", что является ложью).

Многие пользователи, при попытке запустить видеоролик на Youtube, получают следующее сообщение – “В настоящее время ваш браузер не распознает ни один из видеоформатов”. Чаще всего с ошибкой воспроизведения сталкиваются владельцы Windows XP с браузером Mozilla FireFox. Также проблема наблюдается в других популярных браузерах: Google Chrome, Яндекс, Opera и, конечно же, Internet Explorer. Сегодня мы расскажем про все возможные причины сбоя и их устранение.

Причины сбоя воспроизведения

Сам баг появился относительно недавно. Связан он с активным переходом сервиса Ютуб на поддержку технологии HTML5, который не поддерживается в браузерах с устаревшими версиями. Ошибка появляется и в обновленных версиях на Windows 7 и 10. Тут стоит говорить о расширениях, блокирующих доступ к отображение видео в формате HTML 5. Третья причина – новый ролик не успел прогрузиться. Давайте рассмотрим все решения, исправляющие сбой.

Исправляем ошибку

Давайте поочередно проверим все вышеуказанные моменты. Сразу замечу, расписывать все полумеры (перезагрузка, новый Flash Player, стирание кэш/куки) я не буду, потому как толку от них не будет. Вам нужно будет проверить следующее.

№1 Проверка обновлений

Первым делом вам нужно обновить свой браузер до актуальной версии. Принцип обновления во всех приложениях одинаков. Но все же, вот краткая инструкция:

Актуальные версии этих программ включают большинство необходимых видео-кодеков для Ютуба. Проверить, какие именно поддерживаются, можно по этому адресу – youtube.com/html5 . Возможно, некоторые кодеки будут с восклицательным знаком, но обязательно проверьте, что бы стояла галочка напротив первого кодека HTMLVideoElement . Проблема должна исчезнуть.

№2 Блокирующие дополнения

Если прошлый пункт вам не помог – попробуйте отключить лишние расширения. Дело в том, что различные плагины и расширения могут блокировать отображение видео в формате HTML 5. Например, чаще всего вызывают проблему эти плагины – “Flash Player for YouTube™” и “Disable Youtube™ HTML5 Player” . Также сбоят расширения для прямого скачивания, блокировщики рекламы и т.д.

1. Откройте страницу со списком установленных расширений. Например, в Хроме она находится здесь chrome://extensions/ , а в Мозиле тут – about:addons.
2. Поочередно отключайте все активные плагины и проверяйте воспроизведение. Должно помочь.

Отдельно упомяну про Flash Player, который конфликтует с новыми версиями Хрома. Его нужно попробовать отключить тоже. Если у вас еще старая версия, то переходим сюда – chrome://plugins, в списке плагинов выделяем флеш и отключаем. В новой версии идем сюда – chrome://settings/content/flash. В пункте “Блокировать” есть опция “Добавить” , я рекомендую вписать туда Ютуб. Для остальных браузеров в сети много информации по отключению Флеш Плеера – пробуйте.

№3 Новое видео

Проверьте время выпуска ролика. Если это несколько часов, то проблема может быть со стороны серверов. Многие пользователи отмечают, что подождав немного времени, они запускают видео без проблем. Возможно у вас именно такой случай.

Заключение

Если вы все сделали правильно, то ошибка “В настоящее время ваш браузер не распознает ни один из видеоформатов” должна исчезнуть. Напоследок стоит упомянуть, что недавно Mozilla и Chrome отказались от поддержки своего приложения в Windows XP. В таком случае, для решения ошибки, вам нужно будет отдельно устанавливать плагины поддержки кодеков. Вот наглядная видео-инструкция на примере Мозилы.

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

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

К примеру, при тестировании браузера Mozilla Firefox 8.0 для ОС Ubuntu C anonical 1.0 через сайт www.HTML 5 test . com суммарное количество баллов составило 330 (+ 9 бонусных очков) из 475 (табл. 8.1).

Это не так много по сравнению с браузером Google Chrome 16.0, у которого 373 очка (+15 бонусных очков). Но достаточно много по сравнению с браузером Microsoft Internet Explorer 9, у которого всего 141 очко (+ 5 бонусных очков) (табл. 8.2).

В табл. 8.1. приводятся примеры тех нововведений, в которых есть недочеты. Те технологии, которые приведены на английском языке, находятся в разработке или разработаны W 3C . На сайте-анализаторе также есть ссылки на соответствующие страницы. Все остальные моменты, введенные в версии HTML 5, полностью поддерживаются указанным выше браузером.

Таблица 8.1

Данные по браузеру Mozilla Firefox 8.0

Таблица 8.2

Даные по браузерам

В табл. 8.2 приведены данные для браузеров персональных компьютеров. Но, не стоит забывать и о планшетах, и о браузерах в мобильных телефонах, и о старых браузерах, которые также могут использоваться людьми. Данные о них также приведены на указанном выше сайте.

Так или иначе, настоящий веб-разработчик никогда не будет писать программу под какой-то конкретный браузер, понимая, что в других его детище работать не будет. Если, конечно, иное не указано в техническом задании, и если хочется, чтобы работа была видна всем.

Поэтому, если вы решили сделать нечто потрясающее, обязательно ответьте на вопрос «в каких браузерах это будет работать?» и только потом, взвесив все за и против, приступайте к работе .

Теперь, когда вы осознали важность проверки вашего браузера на совместимость с новым стандартом HTML 5, рассмотрим несколько новых возможностей, а именно – взаимодействие с видео- и аудиоинформацией.

Последнее обновление: 08.04.2016

HTML (HyperText Markup Language) представляет язык разметки гипертекста, используемый преимущественно для создания документов в сети интернет. HTML начал свой путь в начале 90-х годов как примитивный язык для создания веб-страниц, и в настоящий момент уже трудно представить себе интернет без HTML. Подавляющее большинство сайтов так или иначе используют HTML.

В 2014 году официально была завершена работа над новым стандартом - HTML5, который фактически произвел революцию, привнеся в HTML много нового.

Что именно привнес HTML5?

HTML5 определяет новый алгоритм парсинга для создания структуры DOM

добавление новых элементов и тегов, как например, элементы video , audio и ряд других

переопределение правил и семантики уже существовавших элементов HTML

Фактически с добавлением новых функций HTML5 стал не просто новой версией языка разметки для создания веб-страниц, но и фактически платформой для создания приложений, а область его использования вышла далеко за пределы веб-среды интернет: HTML5 применяется также для создания мобильных приложений под Android, iOS, Windows Mobile и даже для создания десктопных приложений для обычных компьютеров (в частности, в ОС Windows 8/8.1/10).

В итоге, как правило, HTML 5 применяется преимущественно в двух значениях:

HTML 5 как обновленный язык разметки гипертекста, некоторое развитие предыдущей версии HTML 4

HTML 5 как мощная платформа для создания веб-приложений, которая включает не только непосредственно язык разметки гипертекста, обновленный HTML, но и язык программирования JavaScript и каскадные таблицы стилей CSS 3.

Кто отвечает за развитие HTML5? Этим занимается World Wide Web Consortium (сокращенно W3C - Консорциум Всемирной Паутины) - независимая международная организация, которая определяет стандарт HTML5 в виде спецификаций. Текущую полную спецификацию на английском языке можно посмотреть по адресу https://www.w3.org/TR/html5/ . И надо отметить, что организация продолжает работать над HTML5, выпуская обновления к спецификации.

Поддержка браузерами

Надо отметить, что между спецификацией HTML5 и использованием этой технологии в веб-браузерах всегда был разрыв. Большинство браузеров стало внедрять стандарты HTML5 еще до их официальной публикации. И к текущему моменту большинство последних версий браузеров поддерживают большинство функциональностей HTML5 (Google Chrome, Firefox, Opera, Internet Explorer 11, Microsoft Edge). В то же время многие старые браузеры, как например, Internet Explorer 8 и более младшие версии, не поддерживают стандарты, а IE 9, 10 поддерживает лишь частично.

При этом даже те браузеры, которые в целом поддерживают стандарты, могут не поддерживать какие-то отдельные функции. И это тоже надо учитывать в работе. Но в целом с поддержкой данной технологии довольно хорошая ситуация.

Для проверки поддержки HTML5 конкретным браузером можно использовать специальный сервис http://html5test.com .

Необходимые инструменты

Что потребуется для работы с HTML5? В первую очередь, текстовый редактор, чтобы набирать текст веб-страниц на html. На данный момент наиболее популярным и продвинутым текстовым редактором является Notepad++ , который можно найти по адресу http://notepad-plus-plus.org/ . К его преимуществам можно отнести бесплатность, подсветка тегов html. В дальнейшем я буду ориентироваться именно на этот текстовый редактор.

Также стоит упомянуть кроссплатформенный текстовый редактор Visual Studio Code . Данный редактор обладает несколько большими возможностями, чем Notepad++, и кроме того, может работать не только в ОС Windows, но и в MacOS и в операционных системах на основе Linux.

И также потребуется веб-браузер для запуска и проверки написанных веб-страничек. В качестве веб-браузера можно взять последнюю версию любого из распространенных браузеров - Google Chrome, Mozilla Firefox, Microsoft Edge, Opera.