HTML5 Новые элементы
Новые элементы в HTML5
Ниже наведён список новых элементов HTML5 и описание того, для чего они используются.
Новые семантические/структурные элементы
HTML5 предлагает новые элементы для лучшей структуры документа:
| Тег | Описание |
|---|---|
| <article> | Определяет статью в документе |
| <aside> | Определяет содержимое, отличное от основного контента страницы |
| <bdi> | Изолирует часть текста, которая может быть отформатирована в другом направлении относительно остального текста |
| <details> | Определяет дополнительные сведения, которые пользователь может просматривать или скрывать |
| <dialog> | Определяет диалоговое окно |
| <figcaption> | Определяет подпись для элемента <figure> |
| <figure> | Определяет автономный блок содержимого |
| <footer> | Определяет нижний колонтитул документа или раздела |
| <header> | Определяет заголовок документа или раздела |
| <main> | Определяет основной контент документа |
| <mark> | Определяет выделенный текст |
| <meter> | Определяет скалярное измерение в пределах заданного диапазона (индикатор) |
| <nav> | Определяет навигационные ссылки |
| <progress> | Отображает ход выполнения задачи |
| <rp> | Определяет, что отображать в браузерах, которые не поддерживают ruby‑аннотации |
| <rt> | Определяет пояснение или произношение символов (для восточноазиатской типографики) |
| <ruby> | Определяет ruby‑аннотацию (для восточноазиатской типографики) |
| <section> | Определяет раздел документа |
| <summary> | Определяет видимый заголовок для элемента <details> |
| <time> | Определяет дату/время |
| <wbr> | Определяет возможное место переноса строки |
Узнайте больше о HTML5 Семантике.
Новые элементы формы
| Тег | Описание |
|---|---|
| <datalist> | Определяет список заранее заданных параметров для элементов управления вводом |
| <output> | Определяет результат вычисления |
Узнайте больше о старых и новых элементах формы в HTML Элементы формы.
Новые типы ввода / input type
| Новые типы ввода | Новые атрибуты ввода |
|---|---|
|
|
Узнайте всё о старых и новых типах ввода в HTML Типы ввода.
Узнайте всё об атрибутах ввода в HTML Атрибуты ввода.
HTML5 — Синтаксис новых атрибутов
HTML5 допускает четыре различных синтаксиса для атрибутов.
Этот пример демонстрирует разные синтаксисы, используемые в теге <input>:
| Тип | Пример |
|---|---|
| Пустой | <input type="text" value="John" disabled> |
| Без кавычек | <input type="text" value=John> |
| Двойные кавычки | <input type="text" value="John Doe"> |
| Одинарные кавычки | <input type="text" value='John Doe'> |
В HTML5 можно использовать все четыре синтаксиса, в зависимости от требований атрибута.
HTML5 Графика
| Тег | Описание |
|---|---|
| <canvas> | Рисование графики «на лету» с помощью скриптов (обычно JavaScript) |
| <svg> | Рисование масштабируемой векторной графики |
Узнайте больше о HTML5 Canvas.
Узнайте больше о HTML5 SVG.
Новые медиа‑элементы
| Тег | Описание |
|---|---|
| <audio> | Определяет звуковой контент |
| <embed> | Определяет контейнер для внешнего (не HTML) приложения |
| <source> | Определяет несколько медиа‑ресурсов для элементов <video> и <audio> |
| <track> | Определяет текстовые дорожки для элементов <video> и <audio> |
| <video> | Определяет видео или фильм |
Узнайте больше о HTML5 Видео.
Узнайте больше о HTML5 Аудио.
