Многие из вас знают, что стремительными темпами интернет наполняется сайтами, блогами и прочими ресурсам, созданными на основе HTML5, даже несмотря на то, что сам HTML5 еще находится на стадии разработки, пока еще не утверждена спецификация и неизвестно точно, когда это произойдет. Ну а раз так обстоят дела, то не мешало бы знать, насколько хорошо или плохо на данный момент осуществляется поддержка HTML5 наиболее распространенными и популярными браузерами.
Исходя из того, что наиболее популярными или просто часто используемыми браузерами на данный момент являются Internet Explorer, Google Chrome, Mozlilla Firefox, Opera, Safari и еще... Maxthon, давайте проведем оценку уровня поддержки HTML5
этими популярными браузерами. Для оценки и выставления рейтинга будем использовать самый простой, удобный и бесплатный сервис The HTML5 test. Этот сервис выставляет оценку поддержки браузерами HTML5 в баллах и бонусных очках. Максимальное количество баллов 500, а бонусных очков 15. В будущем, если будет добавлено много новых тестов, то эти значения могут быть увеличены. На заметку: бонусные очки начисляются за поддержку аудио и видео элементов, а так же за поддержку SVG и MathML, и бонусные очки не суммируются с общими баллами.
Ну что же, давайте приступим к обзору. Браузеры будут располагаться в рейтинге по убыванию.
Первое место, как бы ни было странно для некоторых, получает... да, кросс-платформенный браузер Maxthon (версия 4.0.6)!
Он получает 476 баллов и максимальное количество бонусных очков 15!
Бонусные очки Maxthon получил за: парсинг SVG и MathML (+2), поддержку видео-кодеков (+8) и аудио-кодеков (+5).
Если Вы до сих пор не знакомы с браузером Maxthon, то самое время его опробовать. Он работает под Windows, Android, Mac, iPhone и iPad, есть отлично русифицированный интерфейс, как самого браузера Maxthron, так и его сайта). Вы точно не пожалеете, если даже этот браузер не будет вашим основным, и больше зауважаете китайцев, его создателей:)
Второе место с очень маленьким отставанием от лидера получает Google Chrome (версия 27.0)!
Он получает 463 балла и 13 бонусных очков.
Бонусные очки Google Chrome получил за: парсинг SVG и MathML (+2), поддержку видео-кодеков (+6) и аудио-кодеков (+5).
В отличие от Maxthon, он поддерживает субтитры, но не поддерживает атрибуты микроразметки в тегах (Microdata).
На третьем месте шведский браузер, любимый многими из постсоветского пространства, Opera (версия 12.15).
Он получает 404 балла и 9 бонусных очков.
Бонусные очки начислены для Opera за: парсинг SVG и MathML (+2), поддержку видео-кодеков (+4) и аудио-кодеков (+3).
В отличие от Google Chrome и Maxthon например, Opera не поддерживает формат аудио MP3.
Четвертое место занимает Mozilla Firefox (версия 21.0). Жаль, что он пока отстает, пусть всего даже на каких-то 5 баллов, от Opera, ведь это мой основной браузер, с которым я работаю и отдыхаю. Хотя по бонусным очкам он компенсирует свое отставание.
Он получает 399 баллов и 14 бонусных очков.
Бонусные очки засчитаны Mozilla Firefox за: парсинг SVG и MathML (+2), поддержку видео-кодеков (+6) и аудио-кодеков (+6).
Как и Opera он к сожалению пока не поддерживает популярный формат аудио MP3.
На пятом месте, с большущим отставанием от топов, Internet Explorer (версия 10.0). Для меня например это и не странно, даже наоборот, более странно, что он не на последнем:)
Он получает 320 баллов и 6 бонусных очков.
Для IE 10 бонусные очки начислены за: парсинг SVG и MathML (+2) и слабенькую, но все же хоть какую-то поддержку видео-кодеков (+2) и аудио-кодеков (+2).
На последнем шестом месте в нашем обзоре, с большущим отставанием от топов, и даже от IE 10, расположился Safari (версия 5.1.7). У меня пока не было под рукой ничего МАС-осовского, поэтому проверял только самую последнюю версию Safari под Windows.
Он получает 278 баллов и 2 бонусных очка.
Бонусные очки начислены только за парсинг SVG и MathML (+2).
Для видео и аудио у Safari вообще нет поддержки (по крайней мере для этой, самой последней Windows версии). На пару с IE10 этот Safari вообще не поддерживает доступ к веб-камере (Access the webcam), а вот ТОП-4 браузеров в этом обзоре оказывают такую поддержку.
Вот такой вот получается рейтинг поддержки HTML5 среди часто используемых или наиболее популярных браузеров. В ближайшее время может конечно же что-то измениться. Периодически усовершенствуются браузеры и выходят их новые версии. Правда ИМХО надеяться на IE и Safari, глядя на их никчемные на данное время «потуги», не стоит. Да и зачем, ведь в ТОП-4 отличные и бесплатные кросс-платформенные браузеры. Правда обидно наверное поклонникам Opera, что под Windows она уже свой движок практически прекратила развивать.
На сайте html5test.com (автор: Niels Leenheer) Вы можете в любое время протестировать практически любой браузер (причем разных версий), пусть даже «самописный», на предмет его поддержки HTML5. Там же Вы увидите более детальные отчеты и таблицы с оценками тех браузеров, которых у Вас нет, или тех версий, которые уже устарели или не поддерживаются вашей операционной системой (в большей степени это касается IE, который как клещ вцепился в Windows, и которого без обновлений самой системы видимо не получается «раскручивать»).
Приветствуются отзывы в комментариях о браузерах, представленных в данном рейтинге!
Последнее время я стал с завидной регулярностью получать вопросы, сводящиеся к одному: "". Помимо этого, я стал видеть большое количество заказчиков вёрстки, которые требуют, чтобы всё было написано на 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. Тут стоит говорить о расширениях, блокирующих доступ к отображение видео в формате HTML5. Третья причина – новый ролик не успел прогрузиться. Давайте рассмотрим все решения, исправляющие сбой.
Давайте поочередно проверим все вышеуказанные моменты. Сразу замечу, расписывать все полумеры (перезагрузка, новый Flash Player, стирание кэш/куки) я не буду, потому как толку от них не будет. Вам нужно будет проверить следующее.
Первым делом вам нужно обновить свой браузер до актуальной версии. Принцип обновления во всех приложениях одинаков. Но все же, вот краткая инструкция:
Актуальные версии этих программ включают большинство необходимых видео-кодеков для Ютуба. Проверить, какие именно поддерживаются, можно по этому адресу – youtube.com/html5 . Возможно, некоторые кодеки будут с восклицательным знаком, но обязательно проверьте, что бы стояла галочка напротив первого кодека HTMLVideoElement . Проблема должна исчезнуть.
Если прошлый пункт вам не помог – попробуйте отключить лишние расширения. Дело в том, что различные плагины и расширения могут блокировать отображение видео в формате HTML 5. Например, чаще всего вызывают проблему эти плагины – “Flash Player for YouTube™” и “Disable Youtube™ HTML5 Player” . Также сбоят расширения для прямого скачивания, блокировщики рекламы и т.д.
Отдельно упомяну про Flash Player, который конфликтует с новыми версиями Хрома. Его нужно попробовать отключить тоже. Если у вас еще старая версия, то переходим сюда – chrome://plugins, в списке плагинов выделяем флеш и отключаем. В новой версии идем сюда – chrome://settings/content/flash. В пункте “Блокировать” есть опция “Добавить” , я рекомендую вписать туда Ютуб. Для остальных браузеров в сети много информации по отключению Флеш Плеера – пробуйте.
Проверьте время выпуска ролика. Если это несколько часов, то проблема может быть со стороны серверов. Многие пользователи отмечают, что подождав немного времени, они запускают видео без проблем. Возможно у вас именно такой случай.
Если вы все сделали правильно, то ошибка “В настоящее время ваш браузер не распознает ни один из видеоформатов” должна исчезнуть. Напоследок стоит упомянуть, что недавно Mozilla и Chrome отказались от поддержки своего приложения в Windows XP. В таком случае, для решения ошибки, вам нужно будет отдельно устанавливать плагины поддержки кодеков. Вот наглядная видео-инструкция на примере Мозилы.
Это — не статья для супер-гуру-вебмастеров. И даже не для начинающих веб-разработчиков. Эта статья задумывалась как памятка об HTML5 для журналистов и аналитиков.
Здесь найдут ответы на свои насущные вопросы журналисты, копирайтеры и другие неспециалисты в области веб-дизайна, которым для работы просто необходимо знать принципы HTML5, но нет возможности вникать в технические подробности использования этого замечательного языка.
Также важно не забывать, что так называемые "демо-HTML» с самим HTML5 не имеют ровным счетом ничего общего. Например, во многом из Google Doodles используется DHTML — технология HTML 4 начала 2000х.
HTML4 трещал по швам под напором новых видов приложений. Многие вещи были просто недоступны и требовали плагинов типа Adobe Flash или Microsoft Silverlight. Приходилось идти на всяческие уловки и ухищрения, использовать нестандартные, недокументированные приемы, что было не очень-то надежной основой для сайтов, созданных для заработка.
Смотря как посмотреть. Если исходить из того, что HTML5 произошел от HTML4, то все барузеры поддерживают какие-то свойства HTML5.
А с другой стороны, если вы хотите знать, какие браузеры содержат все свойства ядра HTML5 — то ни один. Они все обеспечивают выполнение некоторых частей спецификации (которая насчитывает более 700 страниц), но ни один не поддерживает все одновременно.
Если отбросить все несущественное, то все современные барузеры примерно в равной степени поддерживают HTML5, хоть они и добавляют поддержку тех или иных свойств в разное время.
Началось все в 2004 году, в Opera, под руководством Яна Хиксона. Постепенно присоединились и другие браузеры. Хиксон ушел из Оперы в Google, где продолжает работать над спецификацией.
Будет справедливо сказать, что производители браузеров совместно координируют работу над спецификацией, равно как и W3C и многие другие организации и частные лица. Говоря обобщенно, процессом руководят потребности веб-разработчиков.
Множество людей и компаний: Boston Globe Newspaper ; Nationwide Building Society , Yell.com и сотни других. На HTML5gallery.com собрано множество сайтов, применяющих HTML5-технологии.
Возможно, в 2012 году. А может и в 2022. Это не так важно, важно другое: он сегодня уже поддерживается браузерами, а, следовательно, мы можем использовать его уже сегодня.
Сказать, что мы не можем пользоваться HTML5, потому что его развитие не завершено — это все равно, что сказать, что мы не можем говорить на русском языке, потому что он все еще развивается.
Абсолютная ерунда. IE9 хорошо поддерживает HTML5. В более старые браузеры можно добавить поддержку некоторых API с помощью JavaScript -технологии polyfilling, а также плагинов Flash и Silverlight. Элемент canvas может работать некорректно в версиях IE ниже 9. В основном, причиной проблем в старых браузерах является медленный движок JavaScript. Для отображения видео в старых браузерах можно использовать резервный Flash-вариант.
Стоит отметить, что многие возможности HTML5, такие, как атрибут contenteditable, позволяющий пользователю редактировать содержимое объекта, были придуманы Microsoft и включены уже в IE5.
Совершенно нет. В основе HTML5 лежат определенные принципы разработки , один из которых гласит о повсеместном его применении:
«Элементы должны разрабатываться для повсеместного использования... Элементы, по возможности, должны работать независимо от платформы, устройства и носителя.»
С другой стороны, есть особенности HTML5, которые особенно полезны в свете использования мобильных устройств. Если рассматривать «настоящий» HTML5, очень полезной окажется, к примеру, возможность продолжать работать с сайтом в оффлайне с помощью технологии Application Cache (“Appcache”).
Также преимуществом является возможность использовать элемент canvas для отображения анимации устройствами, которые по той или иной причине не могут использовать Flash.
Если рассматривать HTML5 в значении «новые супер-веб-технологии», то огромным плюсом является геолокация.
Нет — по крайней мере, я на это надеюсь. Многие годы Flash оставался единственной возможностью внедрить видео на страницу. Теперь, с появлением HTML5, появилось соперничество, в котором будут развиваться обе технологии, что просто замечательно для разработчиков.
Apple приняли решение не включать поддержку Flash своими iOS устройствами, что дает огромный толчок видео HTML5. Однако, стоит заметить, что iOS — не самая лучшая платформа и для HTML5.
Flash в любом случае остается полезным кросс-браузерным инструментом. к тому же, следует понимать, что Flash — это больше, чем просто видео. Некоторые простые его функции, используемые в играх, перехвачены HTML5 canvas, а часть примитивных анимаций, для которых он ранее использовался, перекочевала в CSS3. Однако, из соображений удобства создателей тонкой анимации, используемой в играх и мультфильмах, конечно, лучше пользоваться Flash , в котором куда более удобный интерфейс, упрощающий разработчикам многие рабочие моменты. Со временем, когда будут разработаны удобные оболочки для работы с canvas это изменится, но еще не сегодня и не завтра.
html1 *THUMBS UP*
Olga
Ответ:
октября 5, 2011 at 11:26 дп
Wdtime.ru
Ответ:
февраля 20, 2016 at 10:32 пп
Полный список структурных тегов HTML 5 — wdtime.ru/blog/strukturnye-tegi-html-5
емеля — дурачок, вы что, сказки не читали? :-D
жаль что некоторые пользователи немогут понять что есть браузеры лучше internet explorera:(
Olga
Ответ:
ноября 25, 2011 at 4:03 пп
между прочим, ie очень неплохо в последнее время продвинулся в вопросах поддержки новых спецификаций. Видать, схватились за голову после того, как у пользователей винды появился выбор браузера:-D
Бублик
Ответ:
ноября 25, 2011 at 4:11 пп
