Загрузка…
Сначала картина целиком
HTML layout — структура страницы: как блоки контента разложены семантически (header, nav, main, aside, footer) и как их позиционирует CSS.
Современный подход
<body>
<header>...</header>
<nav>...</nav>
<main>
<article>...</article>
<aside>...</aside>
</main>
<footer>...</footer>
</body>Саму геометрию дают Flexbox, Grid, flow; таблицы для лейаута устарели. Семантика помогает a11y (landmarks) и SEO; визуальный порядок может отличаться от DOM — это нужно учитывать для скринридеров.
Итог
Layout = осмысленная HTML-структура + CSS-раскладка, а не набор вложенных div без роли.