HTML5: что это и в чем преимущества
Плюсы последней версии языка HTML.
Почти 85% сайтов используют технологию HTML. Последняя версия — HTML5. На ней работает около 90% HTML-сайтов.
Рассказываем все, что нужно знать об HTML5.
HTML5: что это и для чего нужно
HTML — язык разметки, который используют для создания веб-страниц. Один из его основных элементов — теги. Между начальным и конечным тегом находится текст, который показывает свое значение, функции, вид или размер. Например, <large> и </large> отображается с большим размером, чем основной текст.
Теги формируют текстовую структуру с помощью элементов, обозначенных символами «<» и «>».
В старом HTML для работы других языков требовалось дополнительное ПО. Код HTML по-прежнему обеспечивает базовую структуру, но теперь он также включает каскадные таблицы стилей (CSS) и Javascript. HTML5 объединяет все основные языки интернет-дизайна. В последней версии HTML разработчики также могут интегрировать аудио и видео.
HTML и HTML5: в чем разница
Одно из главных различий — размещение мультимедиа (аудио и видео на страницах). Раньше это было возможно только с помощью большого HTML-кода и дополнительных программ. В HTML5 для этого нужен только один тег.
Также в HTML5 можно использовать Canvas, SVG и другую виртуальную векторную графику. Раньше для этого требовались дополнения — VML, Silverlight и Flash.
В старом HTML только кэши браузера могли использовать базы данных SQL. Последняя версия HTML позволяет всем страницам временно хранить данные в кэше приложения через онлайн-базу данных. Благодаря этому Javascript может работать в фоновом режиме браузера.
В новой структуре HTML5 также отсутствует стандартный обобщенный язык разметки (SGML). Это обеспечивает улучшенную совместимость. HTML5 избавился от устаревших элементов — noframes, acronym, font, big, strike, center и frame. Он вводит новые типы элементов — электронная почта, дата и время, диапазон, номер, URL-адрес, поиск. А также сводку основных тегов, аудио, метку, навигацию, источник, видео, дорожку, дату, время.
Преимущества HTML5 для разработчиков
- Лучше поддерживаются функции веб-приложений
Раньше для использования веб-приложений нужны были расширения браузера и серверные технологии. HTML5 объединяет все важные элементы (например, Flash и Javascript).
- Стандартизированная обработка ошибок
До HTML5 нужно было использовать разные браузеры для выполнения тестов искаженных HTML-документов. Благодаря улучшенным алгоритмам синтаксического анализа, сейчас проверку можно проводить в одном браузере.
- Расширенная семантика элементов
В HTML5 появились заголовки, упорядоченные и неупорядоченные списки, абзацы, изображения, элементы формы и ссылки. Еще в этой версии ввели четыре секционных элемента: <article>, <aside>, <nav> и <section>.
- Персонализированные атрибуты данных
Разработчики и раньше могли добавлять собственные атрибуты, но часто они вызывали недействительные и неверные документы или останавливали работу страницы. Атрибут «data- *» в HTML5 решает эти проблемы. Его функция — хранить дополнительную информацию об элементах. Например, нужно определить тип блока DOM (section, footer) и присвоить ему идентификатор, чтобы позже добавить CSS-стили. Для этого в HTML 5 добавили атрибуты данных.
- Версия для смартфонов
Код HTML5 стал лучше поддерживаться смартфонами и планшетами.
- Веб-хранилище
HTML5 использует веб-хранилище или локальное хранилище для замены файлов cookie, которые могут содержать лишь небольшой объем данных.
Однако срок их действия может истекать, они могут замедлять работу сервера, передавая дополнительные скрипты.
С другой стороны, веб-хранилище позволяет держать данные на компьютере клиента постоянно (если пользователь не стирает их), оно также имеет больший объем данных (5 МБ вместо 4КБ).
Ключевые плюсы HTML5 для пользователей
- Уменьшает количество сбоев мобильного браузера.
- Делает мобильную версию сайта более удобной для пользователя.
- Поддерживает исходные аудио- и видеоэлементы без дополнительных плагинов.
- Некоторые данные можно держать на девайсе пользователя. Это позволяет приложениям работать офлайн.
