Друзья, приветствую Вас на своём блоге!
Сегодня мы поговорим о языке HTML5. Данный язык предназначен для структурирования и отображения страниц в сети Интернет. В нём было реализовано улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости, удобочитаемости кода для человека.
Отличия HTML5 от предыдущих версий согласно W3C:
- Изменён синтаксис
- Встраивание SVG и MathML в text/html
- Новые элементы: <article>, <aside>, <audio>, <canvas>, <command>, <datalist>, <details>, <embed>, <figcaption>, <figure>, <footer>, <header>, <hgroup>, <keygen>, <main>, <mark>, <meter>, <nav>, <output>, <progress>, <rp>, <rt>, <ruby> (англ.), <section>, <source>, <summary>, <time>, <video>, <wbr>
- Новые компоненты ввода: date/time, email, url, search, number, range, tel, color
- Новые атрибуты: charset (в <meta>), async (в script)
- Глобальные атрибуты, которые могут быть применены ко всем элементам: id, tabindex, hidden, data-* (пользовательские атрибуты данных)
- Элементы, которые будут исключены: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <isindex>, <noframes>, <strike>, <tt>
С разработкой HTML5 нет больше необходимости смотреть видеоролики или использовать другие виды приложений такие, как например Adobe Flash поддержка которого завершилась 1 декабря 2020 г. По этому поводу вспыхивали дебаты в кругу веб-разработчиков, причём некоторые намекали, что, хотя HTML5 и обеспечивает расширенную функциональность, разработчики должны принимать во внимание различия браузеров и необходимость поддержки различных частей стандартов, равно как и функциональные различия между HTML5 и Flash.
Я это всё веду к тому, что на некоторых сайтах вы можете не открыть такие элементы как видео, мультимедиа и анимацию используя браузер, который не поддерживает HTML5. Далее я расскажу, как проверить браузер на поддержку HTML5 и понять какой функционал он представляет.
Для того, чтобы узнать, как хорошо браузер поддерживает HTML5, нужно просто перейти на сайт:
И открыв этот сайт в браузере, вы сразу увидите, что может браузер, а что нет при отображении страницы, написанной по стандарту HTML5.
Ниже я приведу пример проверки некоторых популярных браузеров:
1) ATOM (бывший Амиго) от Gmail создан на базе Chromium рекомендован для открытия портала Госуслуги
На данной странице мы видим, что поддерживает данный браузер, а какие элементы нет и исходя из этого сделать выводы подходит ли он для открытия запрашиваемых страниц или нет.
2) Браузер Яндекса, рекомендован для открытия портала Госуслуги.
Обратите внимание баллов он набирает, как и предыдущий вариант, но позиции, которые он не поддерживает другие, полный перечень можно просмотреть на сайте тестирования прокрутив страницу ниже.
3) Firefox
4) Internet Explorer
Имеет свои плюсы и минусы поэтому если сайт или видео не открывается в одном из браузеров, советую использовать другой.
5) Microsoft edge
6) Google chrome
Как я уже сказал, этот сайт показывает не только количество поинтов, но и что конкретно может показать браузер, а что нет.
HTML5 позволяет создавать более красивые и анимированные страницы, и если вы хотите видеть их такими, как задумал мастер, то пользуйтесь свежими версиями браузеров.