Обновляется!!! Справочник JavaScript
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.