HTML5 Новые элементы
Новые элементы в HTML5
Ниже приведен список новых элементов HTML5 и описание того, для чего они используются.
Новые семантические/структурные элементы
HTML5 предлагает новые элементы для лучшей структуры документа:
| Тег | Описание |
|---|---|
| <article> | Определяет статью в документе |
| <aside> | Определяет содержание в стороне от содержимого страницы |
| <bdi> | Изолирует часть текста, которая может быть отформатирована в другом направлении от другого текста за его пределами |
| <details> | Определяет дополнительные сведения, которые пользователь может просматривать или скрывать |
| <dialog> | Определяет диалоговое окно или окно |
| <figcaption> | Определяет заголовок для элемента <Figure> |
| <figure> | Определяет автономное содержимое |
| <footer> | Определяет нижний колонтитул для документа или раздела |
| <header> | Определяет заголовок документа или раздела |
| <main> | Определяет основное содержание документа |
| <mark> | Определяет выделенный/выделенный текст |
| <menuitem> | Определяет команду/пункт меню, который пользователь может вызвать из всплывающего меню |
| <meter> | Определяет скалярное измерение в пределах известного диапазона (датчика) |
| <nav> | Определяет навигационные ссылки |
| <progress> | Представляет ход выполнения задачи |
| <rp> | Определяет, что отображать в обозревателях, не поддерживающих аннотации Ruby |
| <rt> | Определяет объяснение/произношение символов (для восточно-азиатских типографии) |
| <ruby> | Определяет аннотацию Ruby (для восточно-азиатских типографий) |
| <section> | Определяет раздел в документе |
| <summary> | Определяет видимый заголовок для элемента <Details> |
| <time> | Определяет дату и время |
| <wbr> | Определяет возможный разрыв строки |
Подробнее о семантике HTML5.
Новые элементы формы
| Тег | Описание |
|---|---|
| <datalist> | Задает список предварительно заданных параметров для элементов управления вводом |
| <output> | Определяет результат вычисления |
Прочитайте все о старых и новых элементах формы в элементах HTML-формы.
Новые типы входных данных
| Новые типы входных данных | Новые входные атрибуты |
|---|---|
|
|
Узнайте все о старых и новых типах входных данных в Типы ввода HTML.
Узнайте все о входных атрибутах в атрибутах ввода HTML.
HTML5-новый синтаксис атрибутов
HTML5 позволяет использовать четыре различных синтаксиса для атрибутов.
В этом примере демонстрируются различные синтаксисы, используемые в теге <input>:
| Тип | Пример |
|---|---|
| Empty | <input type="text" value="John" disabled> |
| Unquoted | <input type="text" value=John> |
| Double-quoted | <input type="text" value="html5css.dev"> |
| Single-quoted | <input type="text" value='html5css.dev'> |
In HTML5, all four syntaxes may be used, depending on what is needed for the attribute.
Графические адаптеры HTML5
| Тег | Описание |
|---|---|
| <canvas> | Рисование графики, на лету, с помощью сценариев (обычно JavaScript) |
| <svg> | Рисование масштабируемых векторных рисунков |
Подробнее о холсте HTML5.
Подробнее о HTML5 SVG.
Новые мультимедийные элементы
| Тег | Описание |
|---|---|
| <audio> | Определяет звуковое содержимое |
| <embed> | Определяет контейнер для внешнего (не HTML) приложения |
| <source> | Определяет несколько мультимедийных ресурсов для элементов мультимедиа (<Video> и <Audio>) |
| <track> | Определяет текстовые дорожки для элементов мультимедиа (<Video> и <Audio>) |
| <video> | Определяет видео или фильм |
Подробнее о видео HTML5.
Подробнее о аудио HTML5.