Эти элементы добавлены в HTML5 с целью улучшения семантики веб-страниц, делая их более понятными как для людей, так и для поисковых систем и вспомогательных технологий. Они помогают структурировать контент, описывая его назначение.
<article>: Представляет собой независимый, самодостаточный фрагмент контента, который можно распространять или использовать повторно независимо от остальной страницы. Например, статья в блоге или новостная заметка.<aside>: Представляет собой контент, который косвенно связан с основным контентом документа. Обычно используется для боковых панелей, рекламных блоков или цитат.<audio>: Используется для встраивания звукового контента на веб-страницу.<canvas>: Предоставляет возможность рисования графики с помощью JavaScript.<figcaption>: Представляет заголовок или пояснение для элемента <figure>.<figure>: Используется для группировки медиаконтента (изображений, кода, аудио, видео) с его подписью (<figcaption>).<footer>: Представляет нижний колонтитул для ближайшего родительского элемента секционирования или для документа в целом. Обычно содержит информацию об авторе, авторских правах, ссылки на похожие документы.<header>: Представляет вводную часть или набор навигационных ссылок для ближайшего родительского элемента секционирования или для документа в целом.<hgroup>: Группирует набор заголовков (<h1>, <h2>, <h3> и т.д.) вместе, например, заголовок и подзаголовок. Этот элемент устарел в HTML5.1, но все еще поддерживается браузерами.<output>: Представляет результат вычисления или действия пользователя.<section>: Представляет собой общий контейнер для группы контента, который может быть тематически связан.<video>: Используется для встраивания видеоконтента на веб-страницу.