Этот раздел разделен на несколько подразделов, чтобы более наглядно
иллюстрировать какие различия существуют между 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
Идеей этих новых типов является то, что агент пользователя может предоставить пользователю интерфейс, например, выбора календарной даты или интеграция с адресной книгой пользователя, и представить определенный формат на сервер.