Ответ
HTML5 ввел множество семантических тегов для улучшения структуры и доступности документа:
Семантические теги:
<header>,<footer>- шапка и подвал<nav>- навигация<article>- независимый контент<section>- тематическая группа<aside>- боковая панель<main>- основное содержание<figure>,<figcaption>- медиа с подписью
Медиа теги:
<video>,<audio>- встроенное видео/аудио<canvas>- рисование<svg>- векторная графика
Формы:
<input>с новыми типами (date, email, range)<datalist>- автодополнение<progress>,<meter>- индикаторы
Пример структуры:
<header>
<nav>...</nav>
</header>
<main>
<article>
<section>...</section>
</article>
<aside>...</aside>
</main>
<footer>...</footer>