HTML5 Новые элементы
Новые элементы HTML5
С 1999 года HTML 4.01 сильно изменился. Сегодня несколько элементов в HTML 4.01 были объявлены устаревшими, и эти элементы были удалены или переопределены в HTML5.
Чтобы лучше обрабатывать современные интернет-приложения, HTML5 добавил множество новых элементов и возможностей, таких как: графическое рисование, мультимедийный контент, улучшенная структура страницы, улучшенная обработка форм, а также несколько API-элементов для перетаскивания, геолокацию, включая кэш веб-приложений, хранилище, веб-воркеры и т. д.
<canvas> Новые элементы
| Тег | Описание |
|---|---|
| <canvas> | Тег определяет графику, такую как диаграммы и другие изображения. Этот тег основан на API рисования JavaScript. |
Новые мультимедийные элементы
| Тег | Описание |
|---|---|
| <audio> | Определяет аудиоконтент |
| <video> | Определяет видео (видео или фильм) |
| <source> | Определяет мультимедийные ресурсы <video> и <audio> |
| <embed> | Определяет встроенное содержимое, такое как плагин. |
| <track> | Задает внешние текстовые дорожки для таких мультимедийных элементов, как <video> и <audio>. |
Новые элементы форм
| Тег | Описание |
|---|---|
| <datalist> | Определяет список опций. Используйте этот элемент вместе с элементом input, чтобы задать возможные значения для input. |
| <keygen> | Задает поле генератора пары ключей для форм. |
| <output> | Определяет различные типы вывода, например вывод скрипта. |
Новые семантические и структурные элементы
HTML5 предоставляет новые элементы для создания лучшей структуры страницы:
| Тег | Описание |
|---|---|
| <article> | Определяет независимую содержательную область страницы. |
| <aside> | Определяет содержимое боковой панели страницы. |
| <bdi> | Позволяет изолировать фрагмент текста от настройки направления текста родительского элемента. |
| <command> | Определяет командную кнопку, например радиокнопку, флажок или кнопку. |
| <details> | Используется для описания подробностей документа или раздела документа. |
| <dialog> | Определяет диалоговое окно, например окно запроса. |
| <summary> | Тег содержит заголовок элемента details. |
| <figure> | Указывает независимое потоковое содержимое (изображения, диаграммы, фотографии, код и т. д.). |
| <figcaption> | Определяет заголовок элемента <figure>. |
| <footer> | Определяет нижний колонтитул раздела или документа. |
| <header> | Определяет область заголовка документа. |
| <mark> | Определяет текст с пометкой. |
| <meter> | Определяет измерение. Используется только для измерений с известным максимальным и минимальным значением. |
| <nav> | Определяет раздел навигационных ссылок. |
| <progress> | Определяет ход выполнения задачи любого типа. |
| <ruby> | Определяет ruby-аннотации (китайская фонетическая транскрипция или иероглифы). |
| <rt> | Определяет объяснение или произношение иероглифов (китайская фонетическая транскрипция или иероглифы). |
| <rp> | Используется в ruby-аннотациях, определяет содержимое, отображаемое браузерами, которые не поддерживают элемент ruby. |
| <section> | Определяет раздел в документе (раздел, сегмент). |
| <time> | Определяет дату или время. |
| <wbr> | Указывает, где в тексте уместен перенос строки. |
Удалённые элементы
Следующие элементы HTML 4.01 были удалены в HTML5:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>