\n\n\n ...\n \n\n```\n\nИсключения: `defer`/`async`/`type=\"module\"` в `head`; критический inline CSS; `preload`; скрипты, которые должны до рисования (редко); CSP/порядок зависимостей.\n\n## Итог\nСтили — рано; скрипты — не блокируя парсинг (defer/module или низ документа)."}}}

Почему CSS `<link>` обычно ставят в `<head>`, а JS `<script>` — перед `</body>`? Какие есть исключения?

HTML · middle · сложность 5

Войти, чтобы отмечать

Как это устроено

CSS в head нужен раньше: без стилей страница мигает нестилизованным контентом (FOUC). Синхронный JS в середине/head блокирует парсинг.

Классика и исключения

<head>
  <link rel="stylesheet" href="app.css">
  <script type="module" src="app.js"></script> <!-- ok: module ≈ defer -->
</head>
<body>
  ...
  <!-- legacy: <script src="legacy.js"></script> перед </body> -->
</body>

Исключения: defer/async/type="module" в head; критический inline CSS; preload; скрипты, которые должны до рисования (редко); CSP/порядок зависимостей.

Итог

Стили — рано; скрипты — не блокируя парсинг (defer/module или низ документа).

Загрузка…