Content-Type: тип ресурса в HTTP-ответе

Назначение

Заголовок Content-Type сообщает клиенту тип представления, переданного в теле HTTP-сообщения.

Как это работает

Браузер использует тип при обработке HTML, CSS, JSON и других ресурсов. Расширение URL не заменяет корректный заголовок. Параметр charset описывает кодировку там, где он применим к выбранному типу.

Пример

HTTP/1.1 200 OK
Content-Type: text/css; charset=utf-8

body { color: #173c2e; }

Что должно получиться

Ответ описывает CSS, а тело содержит правило стилей. Это учебная запись HTTP-ответа, которую нужно сопоставить с настоящими заголовками сервера, а не вставить в HTML.

Граница применения и частая ошибка

Если сервер на запрос CSS возвращает HTML-страницу ошибки с кодом 200, стиль не становится корректным от имени style.css. Проверяйте одновременно статус, Content-Type и тело ответа.

Самостоятельная проверка

Откройте в Network запрос документа и стиля. Сравните Content-Type, затем изучите случай отсутствующего файла на учебном сервере: ответ ошибки должен отличаться и по статусу, и по содержимому.

Связанные материалы

• Статусы HTTP
• Панель Network
• Структура проекта