HTML содержит большое количество
новых синтаксических возможностей, к которым относятся элементы <video>, <audio> и <canvas> а также улучшенная интеграция с содержимым в формате
SVG. Имея на вооружении эти новые
элементы, интеграция мультимедийного и графического контента становится очень
простой и не требует Flash либо каких то других плагинов. В HTML 5 появились также и другие элементы, такие как <section>, <article>, <header> и <nav> которые делают документ более структурированым. Эти и другие ключевые
преимущества HTML 5 описаны ниже.
1. Взаимность
В целях повышения юзабилити, сайты которые сегодня создаются
разработчиками, очень интерактивны и содержат поточное видео, различного рода
анимацию, могут проигрывать музыку и осуществлять взаимодейтсвие с социальными
сетями, такими как Facebook или Twitter. До недавнего времени все это можно было интегрировать
только с помощью Flash, Silverlight, Flex или
JavaScript. Но это требовало слишком много
времени для разработки и способствовало увеличению сложности веб приложения. Но
сейчас с помощью HTML 5 стало возможным встраивать видео
аудио, высококачественные рисунки, чарты, анимацию, и многое другое без
использования каких либо плагинов и сторонних программ, так как сейчас эта
функциональность встроена в браузер.
2. Чище
разметка \ улучшенный код.
HTML 5 делает
возможным использование более простого и понятного кода, разработчики могут
удалить большинство своих div элементов и заменить их
на семантические элементы HTML 5.
3. Улучшенная
семантика
Теперь стало проще отличить заголовок, панель навигации,
футер, боковую панель в разметке страницы, так как теперь для этих целей
используются специальные теги, которые делают простым и понятным назначение
того или иного элемента в разметке. С использованием элементов HTML 5
мы можем улучшить семантическое восприятие веб страницы, поскольку теперь этот
код стандартизирован.
4. Элегантные формы
HTML 5 делает возможным для
дизайнера использовать более необычные формы. А также осуществлять валидацию
этих форм стандартными средствами HTML. Улучшается
пользовательский интерфейс и уменьшается зависимость от JavaScript (теперь это требуется только для тех браузеров, где нет
поддержки типов форм). Появились новые
типы полей ввода, поиска и прочих полей для других целей.
5.
Согласованность
Веб сайты все больше будут использовать HTML 5
и вместе с этим будет увеличиваться согласованность, в том смысле что HTML используемый
для создания различных сайтов будет приобретать все больше одинаковых черт. Это
сделает более простым восприятие разметки страницы как дизайнерами так и
разработчиками.
6. Улучшенная
доступность
Различные технологии могут осуществлять парсинг разметки,
а с помощью HTML 5 понимание структуры страницы будет
мгновенным и интуитивным, достаточно будет взглянуть на используемые на
странице элементы HTML 5.
7. Удовлетворение
потребностей веб приложений.
Вместе с выходом HTML 5 появилось множество
новых возможностей и стандартов. Как только вы определили перечень
поддерживаемых возможностей в вашем браузере, вы можете использовать эти
возможности в своем приложении. Основная цель HTML –
сделать приложение проще с более простой клиентсткой частью, средствами drag-n-drop, досками
общения, вики и прочими полезными элементами.
8. Оффлайн кэш
приложения
Все браузеры поддерживают кэширование в некоторой
степени. Однако не всегда оно выполняет свою функцию в полной мере, например вы
открываете свой браузер и видите ту страницу на которой вы были прошлый раз, но
если вы нажмете на кнопку Back в надежде увидеть
предыдущую страницу которую вы посещали до этого то вы можете не получить
желаемого результата если у вас не установлено соединение с интернетом. Тогда
вы нажмете кнопку Forward, в надежде вернуться хотя бы на ту
страницу которая была открыта минутой ранее, но и здесь вас очевидно ждет
разочарование. Вам нужно установить соединение с интернетом и лишь после это вы
сможете успешно выполнять желаемую навигацию. К счастью HTML 5
предлагает более толковое решение.
При создании
сайта разработчик может указать какие файлы браузеру следует кешировать. Благодаря
этому, даже если у вас нету интернета и вы обновите страницу – у вас не будет
проблем с отображением ее содержимого. Этот вид кэширования имеет некоторые
преимущества, как например возможность оффлайн навигации - файлы загружаются
значительн быстрее уменьшая тем самым нагрузку на сервер.
9. База-данных
на стороне клиента
Куки используются для отслеживания активности уникальных
пользователей, но они имеют ряд существенных недостатков. Наибольшим из них
является то, что куки добавляются в заголовок каждого HTTP запроса.
Это может привести с существенному увеличению времени отклика страницы. Поэтому
наилучшим решением было бы уменьшить размер куки. С помощью HTML 5
это можно реализовать с помощью использования sessionStorage и localStorage (два различне
хранилища данных в HTML 5) вместо куки. Это не перманентная база
данных, но она позволяет вам временно хранить структурированные данные.
10. Поддержка определения
местоположения
С помощью функциональности определения местоположения
любой пользователь может определить ваше нынешнее местоположение в какой бы
точке земного шара вы ни были. Существует много способов опеределения
местоположения – по IP-адресу, беспроводному сетевому
соединению, по вышками сотовой связи или с использованием GPS устройств,
которые подсчитывают ваше месторасположение по информации о широте и долготе полученной
со спутника. Как бы эта информация ни была получена, новое Geolocation API HTML 5 делает возможным использование этой
информации в веб-приложениях.
Все это только беглый обзор возможностей HTML 5,
на самом деле еще много чего из того что есть в HTML 5
здесь не описано и даже не упомянуто. В ближайшее время этот новый формат
станет основным онлайн языком разработки. Предполагается, что он не будет полностью
завершен до 2022. Поэтому имейте это ввиду и начинайте использовать HTML 5
прямо сейчас.
