Язык HTML5

Этот раздел разделен на несколько подразделов, чтобы более наглядно
иллюстрировать какие различия существуют между HTML4 и HTML5

Новые элементы

Следующие элементы были введены для улучшения структуры:

  • section представляет собой общий документ или раздел приложения. Он может быть использован вместе с h1, h2, h3, h4, h5 и h6 элементами для обозначения структуры документа.
  • article представляет собой самостоятельную часть содержимого документа, например, в блоге или газетной статье.
  • aside представляет собой часть контента, который лишь немного связан с остальной частью страницы.
  • hgroup представляет заголовок раздела.
  • header представляет собой группу из вступительных или навигационных средств.
  • footer представляет собой подвал для раздела и может содержать информацию об авторе, информацию об авторских правах и т.д.
  • nav представляет раздел документа, предназначенный для навигации.
  • figure представляет собой часть автономного содержимого потока, как правило, ссылаются как единое целое с основным потоком документов.
     <figure> <video src="example.webm" controls></video> <figcaption>Example</figcaption> </figure> 

    figcaption может быть использован как заголовок (это по желанию).

Кроме того, есть ряд других новых элементов:

  • video и audio для мультимедийного контента. Оба предоставляют API поэтому применение Авторы сценария может их собственный пользовательский интерфейс, но есть способ, чтобы вызвать пользовательский интерфейс, предоставленный пользователем агента. source элементы используются вместе с этими элементами, если есть несколько потоков доступно различных типов.
  • track предоставляет текст треков для video элемент.
  • embed используется для вставки плагина.
  • mark представляет собой фрагмент текста в одном документе отмеченый и выделеный в справочных целях, в связи с его значимость в другом контексте.
  • progress представляет собой завершение задачи, например, загрузки или при выполнении ряда длительнотекущих операций.
  • meter представляет собой измерения, такие как использование дискового пространства.
  • time представляет собой дату и/или времени.
  • WHATWG HTML data, который позволяет интегрировать машиночитаемые значения.
  • rubyгt, и rp позволяют интегрировать разметки в ruby аннотации.
  • bdi представляет собой отрывок текста, который должен быть изолирован от окружающей среды в целях двунаправленного форматирования текста.
  • wbr представляет возможность разрыва строки.
  • canvas используется для предоставления динамической графики на лету, таких как графики или игры.
  • comand представляет собой команду, которую пользователь может вызвать.
  • details представляет дополнительную информацию или управление, которые пользователь может получить по первому требованию. summary элемент предоставляет своим резюме, легенды, или подпись.
  • datalist вместе с новым list атрибутом элемента input может быть использован для создания выпадающих списков:
     <input list="browsers"> <datalist id="browsers"> <option value="Safari"> <option value="Internet Explorer"> <option value="Opera"> <option value="Firefox"> </datalist> 
  • keygen представляет управление для генерации ключа.
  • output представляет определенный тип вывода.

Атрибут type элемента input теперь имеет следующие новые значения:

  • tel
  • search
  • url
  • email
  • datetime
  • date
  • month
  • week
  • time
  • datetime-local
  • number
  • range
  • color

Идеей этих новых типов является то, что агент пользователя может предоставить пользователю интерфейс, например, выбора календарной даты или интеграция с адресной книгой пользователя, и представить определенный формат на сервер.