HTML5 — это следующая крупная версия стандарта HTML, заменяющая HTML 4.01, XHTML 1.0 и XHTML 1.1. HTML5 — это стандарт для структурирования и представления контента во всемирной паутине.
HTML5 — это сотрудничество между Консорциумом World Wide Web (W3C) и Рабочей группой по технологиям гипертекстовых веб-приложений (WHATWG).
Новый стандарт включает в себя такие функции, как воспроизведение видео и перетаскивание, которые ранее зависели от сторонних плагинов для браузера, таких как Adobe Flash, Microsoft Silverlight и Google Gears.
Поддержка браузера
Последние версии Apple Safari, Google Chrome, Mozilla Firefox и Opera поддерживают многие функции HTML5, а Internet Explorer 9.0 также будет поддерживать некоторые функции HTML5.
Мобильные веб-браузеры, предустановленные на iPhone, iPad и телефонах Android, имеют отличную поддержку HTML5.
Новые возможности
HTML5 вводит ряд новых элементов и атрибутов, которые могут помочь вам в создании современных веб-сайтов. Вот набор самых выдающихся функций, представленных в HTML5.
-
Новые семантические элементы — это как <header>, <footer> и <section>.
-
Формы 2.0 — улучшения в веб-формах HTML, в которые были добавлены новые атрибуты для тега <input>.
-
Постоянное локальное хранилище — для достижения без использования сторонних плагинов.
-
WebSocket — технология двунаправленной связи следующего поколения для веб-приложений.
-
События, отправляемые сервером. HTML5 представляет события, которые передаются с веб-сервера в веб-браузеры и называются событиями, отправляемыми сервером (SSE).
-
Canvas — поддерживает двумерную поверхность рисования, которую можно программировать с помощью JavaScript.
-
Аудио и видео — Вы можете вставлять аудио или видео на свои веб-страницы, не прибегая к сторонним плагинам.
-
Геолокация — теперь посетители могут поделиться своим физическим местоположением с вашим веб-приложением.
-
Микроданные. Это позволяет создавать собственные словари за пределами HTML5 и расширять веб-страницы с помощью собственной семантики.
-
Перетаскивание — перетащите элементы из одного места в другое на той же веб-странице.
Новые семантические элементы — это как <header>, <footer> и <section>.
Формы 2.0 — улучшения в веб-формах HTML, в которые были добавлены новые атрибуты для тега <input>.
Постоянное локальное хранилище — для достижения без использования сторонних плагинов.
WebSocket — технология двунаправленной связи следующего поколения для веб-приложений.
События, отправляемые сервером. HTML5 представляет события, которые передаются с веб-сервера в веб-браузеры и называются событиями, отправляемыми сервером (SSE).
Canvas — поддерживает двумерную поверхность рисования, которую можно программировать с помощью JavaScript.
Аудио и видео — Вы можете вставлять аудио или видео на свои веб-страницы, не прибегая к сторонним плагинам.
Геолокация — теперь посетители могут поделиться своим физическим местоположением с вашим веб-приложением.
Микроданные. Это позволяет создавать собственные словари за пределами HTML5 и расширять веб-страницы с помощью собственной семантики.
Перетаскивание — перетащите элементы из одного места в другое на той же веб-странице.
Обратная совместимость
HTML5 разработан, насколько это возможно, для обратной совместимости с существующими веб-браузерами. Его новые функции были построены на существующих функциях и позволяют предоставлять запасной контент для старых браузеров.
Предлагается обнаруживать поддержку отдельных функций HTML5 с помощью нескольких строк JavaScript.
Если вы не знакомы с какой-либо предыдущей версией HTML, я бы рекомендовал вам ознакомиться с нашим учебным курсом по HTML, прежде чем изучать возможности HTML5.