Какие существуют современные альтернативы тегу <div> для верстки сложных интерфейсов?

Для вёрстки сложных интерфейсов вместо тега <div> можно использовать семантические теги, которые обеспечивают лучшую структуру и смысл разметки. stackoverflow.com habr.com Некоторые из них:

• <article>. habr.com Независимая, отделяемая смысловая единица, например комментарий, твит, статья. habr.com
• <section>. habr.com Смысловой раздел документа, неотделяемый, в отличие от <article>. habr.com
• <aside>. habr.com Побочный, косвенный для страницы контент. habr.com Может иметь свой заголовок, встречаться несколько раз на странице. habr.com
• <nav>. habr.com Навигационный раздел со ссылками на другие страницы или другие части страниц. habr.com
• <header>. habr.com Вводная часть смыслового раздела или всего сайта, обычно содержит подсказки и навигацию. habr.com Чаще всего повторяется на всех страницах сайта. habr.com
• <main>. habr.com Основное, не повторяющееся на других страницах, содержание страницы. habr.com
• <footer>. habr.com Заключительная часть смыслового раздела или всего сайта, обычно содержит информацию об авторах, список литературы, копирайт и так далее. habr.com

Использование семантических тегов улучшает структуру и доступность HTML-кода, облегчает понимание контента поисковыми системами, программами чтения с экрана и браузерами. stackoverflow.com