Справочник элементов HTML5
HTML5 — это набор технологий для создания более разнообразных и мощных веб-сайтов и приложений, которые поддерживают мультимедиа, взаимодействуют с программными интерфейсами, структурируют документы и т. д.
Здесь вы можете найти полный список новых элементов в HTML5.
Новые структурные/семантические элементы
| Элементы | Описание |
|---|---|
<article> | Определяет независимый, самодостаточный контент. |
<aside> | Определяет раздел с дополнительной информацией, связанной с контентом вокруг элемента aside. |
<bdi> | Изолирует двунаправленный текст (когда язык с направлением справа налево, такой как арабский или иврит, используется вместе с языками слева направо). |
<details> | Содержит дополнительные сведения, которые пользователь может открыть и просмотреть. |
<dialog> | Определяет диалоговое окно или окно. |
<figcaption> | Добавляет подпись или пояснение к содержимому тега <figure>. |
<figure> | Определяет самодостаточный контент. |
<footer> | Определяет нижний колонтитул (футер) веб-страницы или раздела. |
<header> | Определяет заголовок страницы или раздела. |
<main> | Определяет основное содержимое документа. |
<mark> | Выделяет часть текста, имеющую значение. |
<meter> | Определяет скалярное измерение в известном диапазоне или графическое представление дробного числа. |
<nav> | Определяет блок навигационных ссылок как внутри текущего документа, так и на другие документы. |
<progress> | Отображает прогресс выполнения задачи (полоса прогресса). |
<rp> | Определяет альтернативный текст, отображаемый в браузерах, не поддерживающих тег <ruby>. |
<rt> | Добавляет аннотации сверху и снизу текста, вставленного в тег <ruby>. |
<ruby> | Определяет фуригану (также называемую ёмигана или руби), фонетические подсказки в японском и восточноазиатских языках. |
<section> | Создает автономные разделы на веб-странице, содержащие логически связанный контент. |
<summary> | Определяет видимый заголовок для элемента <details>. |
<time> | Определяет время в 24-часовом формате или точную дату по григорианскому календарю. |
<wbr> | Указывает браузеру, где в тексте может быть добавлен перенос строки. |
Новые медиаэлементы
| Элементы | Описание |
|---|---|
<audio> | Встраивает аудио в HTML-документ. |
<embed> | Используется в качестве контейнера для внешних приложений, мультимедиа и интерактивного контента, который браузер не понимает. |
<source> | Определяет несколько медиаисточников в разных форматах: видео, аудио или изображение. |
<track> | Определяет текстовые дорожки для медиаэлементов. |
<video> | Встраивает видео в HTML-документ. |
Новые элементы форм
| Элементы | Описание |
|---|---|
<datalist> | Создает список вариантов ввода, предварительно заданных тегом <input>. |
<output> | Определяет место для отображения результата вычисления, выполненного скриптом или взаимодействием пользователя с элементом формы (тег <form>). |
<keygen> | Устарел. Генерирует пару ключей (публичный и приватный) для шифрования и расшифровки данных, отправляемых на сервер при отправке HTML-формы. Вместо него используйте Web Crypto API. |
Графика в HTML5
| Элементы | Описание |
|---|---|
<canvas> | Определяет область на веб-странице, где с помощью скриптов можно создавать различные объекты, изображения, анимации и фотомонтажи. |
<svg> | Рисует масштабируемую векторную графику. |
Practice
Какие из перечисленных являются допустимыми элементами HTML5?