В этом уроке мы сосредоточимся на дополнительных теги HTML5 которые делают формы, макеты и структурированный контент более эффективными и удобными для пользователя. Вы увидите, как <input type="file"> позволяет пользователям загружать файлы, и как <progress> и <meter> Показывать визуальные индикаторы, такие как выполнение задачи или измеряемые значения. Мы также будем работать с <datalist>, который предлагает пользователям предлагаемые варианты по мере ввода данных в форму.

Для структуры документа мы изучим семантические элементы <section>, <header>, и <footer> — необходимы для организации контента в осмысленные блоки. Мы также рассмотрим <figure> и <figcaption>, идеально подходит для объединения изображений или диаграмм с описательными подписями.

Наконец, мы попрактикуемся в использовании <time> для маркировки дат и времени в машиночитаемом формате, а также интерактивный <details> и <summary> теги, которые позволяют пользователям разворачивать и сворачивать контент.

К концу этого курса вы будете знать, как комбинировать эти теги для создания более насыщенных, семантических и интерактивных веб-страниц HTML5.