HTML5 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.
Новые Типы Ввода
| Новые Типы Ввода | Новые Атрибуты Ввода |
|---|---|
|
|
Узнайте все о старых и новых типах ввода в Типы Input HTML.
Узнайте все о атрибутах ввода в Атрибуты Input HTML.
Новый синтаксис атрибутов HTML5
HTML5 позволяет использовать четыре различных синтаксиса для атрибутов.
Данный пример демонстрирует различные синтаксисы, используемые в теге <input>:
| Тип | Пример |
|---|---|
| Empty | <input type="text" value="Андрей" disabled> |
| Unquoted | <input type="text" value=Андрей> |
| Double-quoted | <input type="text" value="Андрей Щипунов"> |
| Single-quoted | <input type="text" value='Андрей Щипунов'> |
В HTML5 может использоваться все четыре синтаксиса в зависимости от того, что необходимо для атрибута.
Графика HTML5
| Тег | Описание |
|---|---|
| <canvas> | Рисование графики на ходу с помощью сценариев (обычно JavaScript) |
| <svg> | Рисование масштабируемой векторной графики |
Подробнее о Графика HTML5.
Подробнее о Векторная графика HTML5.
Новые элементы мультимедиа
| Тег | Описание |
|---|---|
| <audio> | Определяет звуковое содержание |
| <embed> | Определяет контейнер для внешнего (не-HTML) приложения |
| <source> | Определяет несколько ресурсов мультимедиа для элементов мультимедиа (<video> и <audio>) |
| <track> | Определяет текстовые дорожки для элементов мультимедиа (<video> и <audio>) |
| <video> | Определяет видео или фильм |
Подробнее о Видео HTML5.
Подробнее о Аудио HTML5.
