6.1 Описание языкаHtml5

HTML5– это пятая версия основного языка разметки веб-страниц, разработка которой началась еще в 2007 году. В настоящее времяспецификация HTML5находится в стадии разработки, закончить которую планируют в 2014 году. Язык HTML5 содержит много новых свойств, что делает HTML значительно более мощным и удобным для создания приложений Web. Основные свойства языкаHTML5:

• Новые семантические элементы. HTML5 содержит новые семантические элементы для разметки страницы, такие как <nav>, <header>,<section>, <footer> и <article>.;

• Новые свойства форм. HTML5 предоставляет стандартизованный, простой способ реализации таких свойств, как выбор даты, ползунки и клиентская проверка;

• Собственная поддержка видео и аудио. HTML5 содержит элементы <video> и <audio> для простой реализации собственных видео и аудио плееров с помощью только открытых стандартов, и также содержит API, позволяющий легко реализовать индивидуальные элементы управления плеером;

• API рисования на холсте: Элемент <canvas> и соответствующий API позволяют определить на странице область для рисования, и использовать команды JavaScript для рисования линий, фигур и текста, импорта и манипуляций с изображениями и видео, экспорта в различные форматы изображений, и многих других вещей.

• Сокеты Web. API позволяет открывать постоянное соединение между сервером и клиентом на определенном порте, и посылать данные в обоих направлениях, пока порт не будет закрыт. Это существенно улучшает эффективность приложений web, так как данные могут непрерывно и аккуратно передаваться между клиентом и сервером без постоянной перезагрузки страницы, и без постоянного опроса сервера, чтобы проверить, нет ли доступных обновлений.

• Хранилище Web.Web хранилище HTML5 позволяет хранить значительно больше данных, и делать с ними значительно больше.

• Web workers. Общая проблема, встающая перед приложениями web, состоит в том, что их производительность страдает, когда требуется обработать много данных, в связи с тем, что все происходит в одной нити/процессе (только одна последовательность обработки может выполняться в текущий момент). Web Workers смягчают эту проблему, позволяя создавать фоновые процессы для выполнения значительного объема вычислений, позволяя основному процессу продолжить выполнение других задач.

• Геолокация. Спецификация геолокации определяет API, который позволяет приложению web получить доступ к данным в любом местоположении, которое стало доступным, например, с помощью средств GPS устройства. Это позволяет добавлять в приложения различные полезные свойства, связанные с местоположением, например, выделить контент, который больше подходит для местоположения.

Все современные браузеры уже поддерживают основные элементы HTML5. Список новых и неподдерживаемых тегов языка представлен в таблице 6.1.

Таблица 6.1 – Список новых и неподдерживаемых тегов HTML5

Тег	Описание
<applet>	Не поддерживается.Определяет апплет
<article>	Определяет статью
<aside>	Определяет контент в стороне от основного контента страницы
<audio>	Определяет аудио контент
<basefont>	Не поддерживается.Используется вместо CSS для задания шрифта
<canvas>	Определяет графики
<center>	Не поддерживается. Определяет текст по центру
<command>	Определяет командную кнопку
<datagrid>	Определяет данные в упорядоченный список
<datalist>	Определяет выпадающий список
<datatemplate>	Определяет шаблон данных
<details>	Определяет детали элемента
<dialog>	Определяет диалог (разговор)
<dir>	Не поддерживается.Определяет список директорий
<eventsource>	Определяет цель события, отправляемого по серверу
<figure>	Определяет группу медиа-контента, и их подписи
<footer>	Определяет нижний колонтитул для раздела или страницы
<header>	Определяет область заголовка раздела или страницы
<isindex>	Не поддерживается.Определяет поисковый индекс в документе
<mark>	Определяет выделенный текст
<meter>	Определяет измерения в течение заранее определенного диапазона
<nav>	Определяет навигационные ссылки
<nest>	Определяет вложенную точку в шаблоне данных
<noframes>	Не поддерживается.Определяет секцию, не поддерживающую фрейм
<progress>	Определяет ход выполнения задачи любого рода
<rule>	Определяет правила для обновления шаблонов
<s>	Не поддерживается. Определяет зачеркнутый текст
<strike>	Не поддерживается.Определяет зачеркнутый текст
<time>	Определяет дату/время
<video>	Определяет видео
<xmp>	Не поддерживается. Определяет выровненный текст

Из таблицы видно, что новых тегов достаточно много, некоторые из них уже ориентированы на динамический контент, что дает большое преимущество HTML 5 перед HTML 4.