foundation

Структура документа и метаданные

Используйте doctype, атрибут lang, метаданные head, title, viewport и структуру body как контракт страницы.

Корректный HTML-документ начинается с doctype, элемента `html` с `lang`, `head` с машиночитаемыми метаданными и `body`, отражающим видимое содержимое. Title, viewport, charset и canonical влияют на удобство, шаринг, индексацию и мобильный рендер.

					<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Оформление заказа — Acme Shop</title>
    <link rel="canonical" href="https://example.com/checkout">
  </head>
  <body>...</body>
</html>

На интервью: объясните, почему `lang`, `title`, `viewport` и осмысленный начальный body — не декоративные детали.

Типовые ошибки: без `lang` хуже произношение в screen reader; без viewport ломается мобильная вёрстка; client-only shell без начального HTML ослабляет SEO и доступность.

Компромисс: богатый client rendering против crawlable и доступного first paint — отдавайте осмысленный HTML даже при hydration через JavaScript.

Чеклист:

Задайте doctype и `lang`.
Уникальные, описательные title.
Viewport для адаптивных страниц.
Начальный body осмысленен для краулеров.